簡單的web頁面性能分析

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

>>阅读原文<<