簡單的web頁面性能分析

最近公司的產品網站頻頻出現性能問題，優化過程中也基類了不少經驗和方法，特此記錄一下 chrome瀏覽器是非常強大的，我用它自帶的監控基本就能分析出來問題,開發者工具中有個performance選項，運行一次就可以看到下圖效果： 最上面是一個時序圖，分別記錄了在整個頁面渲染過程中網絡請求和HTML解析（藍色），Javascript執行（黃色），樣式計算和佈局（紫色）以及繪製和計算（綠色）行爲執行的時

>>阅读原文<<