最近做的項目都是內嵌egret游戲，想在移動端監測下它的性能，於是就開始了對Performance的探索：
一、使用
打開控制台，一頓操作：
網絡選擇Fast 3G，模擬手機普通3G環境，雖然現在大家都用4G了，然后勾選Memory，查看內存，點擊小圓點開始錄制
不看不知道，一看嚇一跳，我選取的是游戲加載的時間，然后，點擊summary，可以查看概況：
可見：在3G網絡這個游戲的加載時間長達10s！！！
我們來分析下為什么要這么久，通過這個餅狀圖可見，‘閑置’了大部分時間，其實這里的閑置不是瀏覽器就真的在偷懶了，而是在加載其他數據。
那怎么解決呢？
別急，我們先對比下正常網絡的情況，畢竟3G網絡的手機並不是我們的主要客戶
可見游戲加載的時間在1s以內，可以接受。
但是，在游戲loading的時候黑屏用戶肯定也不好受，而且3G網絡loading的時間會長達10s的，這種黑屏是絕對不可以接受的。因為可以說網站的加載時間每多1s,用戶就會流失10%，可見，在3g網絡下，長達10s的黑屏加載時間剛好可以把所有用戶趕走。
所以可以用egret寫個loading界面，游戲加載的時候，用戶體驗就會好很多，用戶至少知道這個網站在加載，而不是崩掉了。具體怎么寫，以及怎么處理寫了loading頁面后還是會有一瞬間的黑屏問題，我在下一篇文章就會寫到，這篇還是先好好研究下這個性能分析面板怎么用。
二、分析
如果要分析性能肯定要知道這個面板的各個屬性，具體可見《全新Chrome Devtool Performance使用指南》
我們可以通過這個來分析下刷新頁面的時候會發生什么：
刷新頁面的時候一般都會出現這個紅色的三角形，我們雙擊這個三角形就可以看到在刷新頁面過程中，解析HTML、執行script、渲染等分別花銷的時間。
我們點擊藍色那條Parse HTML ，就會發現，其實它Loading的時候才6ms，真正費時間的是解析HTML的所需要的的js代碼，因為當瀏覽器要解析js的時候，肯定要先下載js，然后編譯js，然后才是執行，所以說js也是昂貴的。