前端性能優化之利用 Chrome Dev Tools 進行頁面性能分析

背景 我們經常使用 Chrome Dev Tools 來開發調試，但是很少知道怎麼利用它來分析頁面性能，這篇文章，我將詳細說明怎樣利用 Chrome Dev Tools 進行頁面性能分析及性能報告數據如何解讀。 分析面板介紹 上圖是 Chrome Dev Tools 的一個截圖，其中，我認爲能用於進行頁面性能快速分析的主要是圖中圈出來的幾個模塊功能，這裏簡單介紹一下： Network : 頁面中各

>>阅读原文<<