資訊專(zhuān)欄INFORMATION COLUMN
摘要：機(jī)器過(guò)高，一般都是可以從任務(wù)管理器著手解決。系統(tǒng)的任務(wù)管理器可以監(jiān)控各個(gè)程序占用的是否正常，通常程序自身也是有任務(wù)管理的。像谷歌瀏覽器這種軟件，幾乎本身就是一個(gè)操作系統(tǒng)，所以說(shuō)它的任務(wù)管理器也是必不可少的。
閱讀原文
1. 問(wèn)題現(xiàn)象有時(shí)候發(fā)現(xiàn)mac風(fēng)扇響的厲害，于是我檢查了mac系統(tǒng)的活動(dòng)監(jiān)視器，發(fā)現(xiàn)Google Chrome Helper占用99%的CPU。
通常來(lái)說(shuō)Chrome如果占用過(guò)高的內(nèi)存，這并不是什么問(wèn)題，畢竟Chrome的性能以及易用性是建立在占用很多內(nèi)存的基礎(chǔ)上的。但是無(wú)論什么程序，持續(xù)的占用超過(guò)80%的cpu，都是極不正常的。大多數(shù)程序都是占用維持在低于10%的CPU。
活動(dòng)監(jiān)視器指出問(wèn)題出現(xiàn)在Chrome瀏覽器。那么問(wèn)題可以再次細(xì)分為三塊。
Chrome系統(tǒng)自身問(wèn)題
一些插件，例如flash插件，擴(kuò)展插件
網(wǎng)頁(yè)程序js出現(xiàn)的問(wèn)題
2. 從任務(wù)管理器著手其實(shí)Chrome瀏覽器自身也是有任務(wù)管理器的，一般來(lái)說(shuō)windows版chrome按住shift+esc就會(huì)調(diào)出任務(wù)管理器窗口。mac版調(diào)出任務(wù)管理器沒(méi)有快捷，只能通過(guò)Window > Task Manager調(diào)出。
調(diào)出任務(wù)管理器后，發(fā)現(xiàn)一個(gè)標(biāo)簽頁(yè)，CPU占用率達(dá)到99%， 那就說(shuō)明，應(yīng)該是這個(gè)標(biāo)簽頁(yè)中存在持續(xù)占用大量CPU計(jì)算的程序。
最后找到這個(gè)頁(yè)面，發(fā)現(xiàn)該頁(yè)面背景圖是一種動(dòng)態(tài)粒子圖。就是基于particles.js做的。我想，終于找到你了。
于是我把這個(gè)動(dòng)態(tài)圖的相關(guān)js代碼給注釋掉，電腦的風(fēng)扇也終于變得安靜了。
3. 問(wèn)題總結(jié)問(wèn)題解決的總結(jié)：解決問(wèn)題的方法時(shí)很簡(jiǎn)單的，基于一個(gè)現(xiàn)象，找到一個(gè)原因，基于這個(gè)原因再找到一個(gè)現(xiàn)象，然后一步一步縮小問(wèn)題范圍，逼近最終原因。
機(jī)器CPU過(guò)高，一般都是可以從任務(wù)管理器著手解決。系統(tǒng)的任務(wù)管理器可以監(jiān)控各個(gè)程序占用的CPU是否正常，通常程序自身也是有任務(wù)管理的。
像谷歌瀏覽器這種軟件，幾乎本身就是一個(gè)操作系統(tǒng)，所以說(shuō)它的任務(wù)管理器也是必不可少的。Chrome瀏覽器再帶的任務(wù)管理器可以告訴你幾個(gè)關(guān)鍵信息。
任務(wù)占用的內(nèi)存
任務(wù)占用的CPU
任務(wù)占用的網(wǎng)絡(luò)流量大小
如果你一打開(kāi)谷歌瀏覽器，你的電腦風(fēng)扇就拼命轉(zhuǎn)，那你最好打開(kāi)谷歌瀏覽器的任務(wù)管理器看看。
4. 關(guān)于動(dòng)態(tài)背景圖的思考動(dòng)態(tài)背景圖往往都會(huì)給人很酷炫的感覺(jué)，但是這種背景圖的制作并不是很復(fù)雜，如果你使用particles.js來(lái)制作，制作一些動(dòng)態(tài)背景圖只需要幾行代碼就可以搞定。但是這種酷炫的背后，CPU也在承受著壓力。
particles.js提供的demo效果圖，在Chrome中CPU會(huì)被提高到100%。
也有幾家使用動(dòng)態(tài)背景圖的官網(wǎng)。我記得知乎以前就用過(guò)動(dòng)態(tài)背景圖，但是現(xiàn)在找不到了。另外一個(gè)使用動(dòng)態(tài)背景圖的是daocloud, CPU也是會(huì)在首頁(yè)飆升到50%。
所謂：強(qiáng)招必自損，動(dòng)態(tài)背景圖在給人以炫酷科技感的同時(shí)，也需要權(quán)衡這種技術(shù)對(duì)客戶(hù)計(jì)算機(jī)的壓力。
另外，不要小看JavaScript, 它也可能引起大問(wèn)題
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/107966.html
摘要：現(xiàn)象登入生產(chǎn)環(huán)境，使用命令因?yàn)檫@時(shí)候并沒(méi)有打的，所以只能觀察現(xiàn)象。其他的可以根據(jù)這個(gè)類(lèi)推，是內(nèi)純的占用量。 前言 我們的游戲上線(xiàn)之初，經(jīng)常有玩家反饋卡，或者有網(wǎng)絡(luò)延遲等現(xiàn)象，造成用戶(hù)流失等現(xiàn)象，這時(shí)候我就想到是不是可能是之前的jvm配置有問(wèn)題，或者存在內(nèi)存泄露等問(wèn)題。 現(xiàn)象 登入生產(chǎn)環(huán)境，使用命令,因?yàn)檫@時(shí)候并沒(méi)有打gc的log，所以只能觀察現(xiàn)象。 jstat -gcutil 270...
摘要：年月日本文是關(guān)于記錄某次游戲服務(wù)端的性能優(yōu)化此處涉及的技術(shù)包括引擎隨著游戲?qū)肴藬?shù)逐漸增加單個(gè)集合的文檔數(shù)已經(jīng)超過(guò)經(jīng)常有玩家反饋說(shuō)卡特別是在服務(wù)器遷移后從核降到核卡頓更嚴(yán)重了遂開(kāi)始排查問(wèn)題確認(rèn)服務(wù)器壓力首先使用命令查看總體情況此時(shí)占用不高 Last-Modified: 2019年6月13日11:08:19 本文是關(guān)于記錄某次游戲服務(wù)端的性能優(yōu)化, 此處涉及的技術(shù)包括: MongoDB...
摘要：年月日本文是關(guān)于記錄某次游戲服務(wù)端的性能優(yōu)化此處涉及的技術(shù)包括引擎隨著游戲?qū)肴藬?shù)逐漸增加單個(gè)集合的文檔數(shù)已經(jīng)超過(guò)經(jīng)常有玩家反饋說(shuō)卡特別是在服務(wù)器遷移后從核降到核卡頓更嚴(yán)重了遂開(kāi)始排查問(wèn)題確認(rèn)服務(wù)器壓力首先使用命令查看總體情況此時(shí)占用不高 Last-Modified: 2019年6月13日11:08:19 本文是關(guān)于記錄某次游戲服務(wù)端的性能優(yōu)化, 此處涉及的技術(shù)包括: MongoDB...
摘要：在過(guò)程中，發(fā)現(xiàn)的報(bào)錯(cuò)是在中兩個(gè)頁(yè)面的無(wú)刷切換中出現(xiàn)的?？聪蚓W(wǎng)址等等網(wǎng)址的前綴是，這個(gè)是谷歌瀏覽器插件的前綴。難不成，這個(gè)文件是谷歌瀏覽器插件的于是看向了中間的那一串神秘字符串。 場(chǎng)景重現(xiàn) 項(xiàng)目是一個(gè)SPA，使用了Vue+Vue-Router+Webpack+jQuery。報(bào)錯(cuò)的場(chǎng)景如下：showImg(http://7xk109.com1.z0.glb.clouddn.com/blog...
摘要：避免這種情況的出現(xiàn)，可以參考對(duì)比優(yōu)化的效果中存在兩種狀態(tài)，優(yōu)化和非優(yōu)化可以看到優(yōu)化的狀態(tài)，和的時(shí)間都大大減少了所以明顯提高性能優(yōu)化的知識(shí)儲(chǔ)備使用模型測(cè)量性能基礎(chǔ)儲(chǔ)備渲染性能概述的剖析 一，初探，根據(jù)現(xiàn)象發(fā)現(xiàn)問(wèn)題 chrome的performance知道很久了，但總是沒(méi)有特別權(quán)威且跟上時(shí)代的學(xué)習(xí)資料，這次痛定思痛，直接看英文文檔，一點(diǎn)點(diǎn)把這塊啃掉，本筆記基于Chrome 59 ste...
閱讀 3203·2021-10-14 09:42
閱讀 3571·2019-08-26 13:56
閱讀 3480·2019-08-26 11:59
閱讀 948·2019-08-23 18:00
閱讀 2213·2019-08-23 17:51
閱讀 3534·2019-08-23 17:17
閱讀 1486·2019-08-23 15:11
閱讀 5203·2019-08-23 15:05
