記一次解決谷歌瀏覽器Google Chrome Helper占用過高cpu問題

sihai 發布于2019-08-26 11:59 / 3443人閱讀

摘要：機器過高，一般都是可以從任務管理器著手解決。系統的任務管理器可以監控各個程序占用的是否正常，通常程序自身也是有任務管理的。像谷歌瀏覽器這種軟件，幾乎本身就是一個操作系統，所以說它的任務管理器也是必不可少的。

閱讀原文

1. 問題現象

有時候發現mac風扇響的厲害，于是我檢查了mac系統的活動監視器，發現Google Chrome Helper占用99%的CPU。

通常來說Chrome如果占用過高的內存，這并不是什么問題，畢竟Chrome的性能以及易用性是建立在占用很多內存的基礎上的。但是無論什么程序，持續的占用超過80%的cpu，都是極不正常的。大多數程序都是占用維持在低于10%的CPU。

活動監視器指出問題出現在Chrome瀏覽器。那么問題可以再次細分為三塊。

Chrome系統自身問題

一些插件，例如flash插件，擴展插件

網頁程序js出現的問題

2. 從任務管理器著手

其實Chrome瀏覽器自身也是有任務管理器的，一般來說windows版chrome按住shift+esc就會調出任務管理器窗口。mac版調出任務管理器沒有快捷，只能通過Window > Task Manager調出。

調出任務管理器后，發現一個標簽頁，CPU占用率達到99%，那就說明，應該是這個標簽頁中存在持續占用大量CPU計算的程序。

最后找到這個頁面，發現該頁面背景圖是一種動態粒子圖。就是基于particles.js做的。我想，終于找到你了。

于是我把這個動態圖的相關js代碼給注釋掉，電腦的風扇也終于變得安靜了。

3. 問題總結

問題解決的總結：解決問題的方法時很簡單的，基于一個現象，找到一個原因，基于這個原因再找到一個現象，然后一步一步縮小問題范圍，逼近最終原因。

機器CPU過高，一般都是可以從任務管理器著手解決。系統的任務管理器可以監控各個程序占用的CPU是否正常，通常程序自身也是有任務管理的。

像谷歌瀏覽器這種軟件，幾乎本身就是一個操作系統，所以說它的任務管理器也是必不可少的。Chrome瀏覽器再帶的任務管理器可以告訴你幾個關鍵信息。

任務占用的內存

任務占用的CPU

任務占用的網絡流量大小

如果你一打開谷歌瀏覽器，你的電腦風扇就拼命轉，那你最好打開谷歌瀏覽器的任務管理器看看。

4. 關于動態背景圖的思考

動態背景圖往往都會給人很酷炫的感覺，但是這種背景圖的制作并不是很復雜，如果你使用particles.js來制作，制作一些動態背景圖只需要幾行代碼就可以搞定。但是這種酷炫的背后，CPU也在承受著壓力。

particles.js提供的demo效果圖，在Chrome中CPU會被提高到100%。

也有幾家使用動態背景圖的官網。我記得知乎以前就用過動態背景圖，但是現在找不到了。另外一個使用動態背景圖的是daocloud, CPU也是會在首頁飆升到50%。

所謂：強招必自損，動態背景圖在給人以炫酷科技感的同時，也需要權衡這種技術對客戶計算機的壓力。

另外，不要小看JavaScript, 它也可能引起大問題

GPU云服務器云服務器谷歌瀏覽器chrome 記一次在阿里云搭建服務器記一次阿里云服務器集體中毒解決webrtc兼容谷歌瀏覽器

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/107966.html

記一次JVM調優

摘要：現象登入生產環境，使用命令因為這時候并沒有打的，所以只能觀察現象。其他的可以根據這個類推，是內純的占用量。前言我們的游戲上線之初，經常有玩家反饋卡，或者有網絡延遲等現象，造成用戶流失等現象，這時候我就想到是不是可能是之前的jvm配置有問題，或者存在內存泄露等問題。現象登入生產環境，使用命令,因為這時候并沒有打gc的log，所以只能觀察現象。 jstat -gcutil 270...

sugarmo 2019-08-14 16:54 評論0 收藏0
記一次MongoDB高負載的性能優化

摘要：年月日本文是關于記錄某次游戲服務端的性能優化此處涉及的技術包括引擎隨著游戲導入人數逐漸增加單個集合的文檔數已經超過經常有玩家反饋說卡特別是在服務器遷移后從核降到核卡頓更嚴重了遂開始排查問題確認服務器壓力首先使用命令查看總體情況此時占用不高 Last-Modified: 2019年6月13日11:08:19 本文是關于記錄某次游戲服務端的性能優化, 此處涉及的技術包括: MongoDB...

huhud 2019-07-01 13:57 評論0 收藏0
記一次MongoDB高負載的性能優化

摘要：年月日本文是關于記錄某次游戲服務端的性能優化此處涉及的技術包括引擎隨著游戲導入人數逐漸增加單個集合的文檔數已經超過經常有玩家反饋說卡特別是在服務器遷移后從核降到核卡頓更嚴重了遂開始排查問題確認服務器壓力首先使用命令查看總體情況此時占用不高 Last-Modified: 2019年6月13日11:08:19 本文是關于記錄某次游戲服務端的性能優化, 此處涉及的技術包括: MongoDB...

vibiu 2019-06-26 18:05 評論0 收藏0
Webpack下莫名其妙出現的jQuery與報錯，記一次奇妙的Debug旅程

摘要：在過程中，發現的報錯是在中兩個頁面的無刷切換中出現的。看向網址等等網址的前綴是，這個是谷歌瀏覽器插件的前綴。難不成，這個文件是谷歌瀏覽器插件的于是看向了中間的那一串神秘字符串。場景重現項目是一個SPA，使用了Vue+Vue-Router+Webpack+jQuery。報錯的場景如下：showImg(http://7xk109.com1.z0.glb.clouddn.com/blog...

Scliang 2019-08-19 17:13 評論0 收藏0
Chrome運行時性能瓶頸分析

摘要：避免這種情況的出現，可以參考對比優化的效果中存在兩種狀態，優化和非優化可以看到優化的狀態，和的時間都大大減少了所以明顯提高性能優化的知識儲備使用模型測量性能基礎儲備渲染性能概述的剖析一，初探，根據現象發現問題 chrome的performance知道很久了，但總是沒有特別權威且跟上時代的學習資料，這次痛定思痛，直接看英文文檔，一點點把這塊啃掉，本筆記基于Chrome 59 ste...

Code4App 2019-05-22 18:23 評論0 收藏0