前端性能分析

一，Chrome瀏覽器的network
1，查看某請求具體狀況

⑴請求前等待時間過長，
①多是前面有不少請求在排隊，這時候若是有域名限制，就須要突破域名限制。
②也多是該請求前有頁面阻塞，此刻就能夠經過performance進行頁面渲染分析，看是哪一個地方形成了阻塞。
⑵請求等待時間過長，就是接口響應時間問題了。
2，gzip壓縮，以及緩存

①Content-Encoding顯示gzip則表示開啓了gzip壓縮。
②當鼠標放置在size的上能看到該資源的原始大小，若是該文件原始大小大於顯示的大小，則表示該資源是進行過壓過壓縮的（服務沒有壓縮，瀏覽器自動進行解壓的）。

二，Chrome瀏覽器的performance
1，如何使用，

⑴記錄第一次加載狀況
⑵交互過程卡頓，體驗問題，使用錄屏操做

①性能摘要，裏面能看到總的時間佔比的狀況，
Scripting腳本時間
Rendering渲染時間
Painting重繪時間
Idle系統空閒時間
②火焰圖，該圖是倒置的火焰圖。
Main 面板中，是咱們分析具體函數耗時最常看的面板
三，memory內存使用狀況分析