前端工程與性能優(yōu)化
首先怔毛，我們把雅虎14條優(yōu)化原則，《高性能網(wǎng)站建設指南》以及《高性能網(wǎng)站建設進階指南》中提到的優(yōu)化點做一次梳理腾降，按照優(yōu)化方向分類拣度，可以得到這樣一張表格：
| 優(yōu)化方向 | 優(yōu)化手段 |
|---|---|
| 請求數(shù)量 | 合并腳本和樣式表，CSS Sprites，拆分初始化負載抗果，劃分主域 |
| 請求帶寬 | 開啟GZip筋帖，精簡JavaScript，移除重復腳本冤馏，圖像優(yōu)化 |
| 緩存利用 | 使用CDN日麸，使用外部JavaScript和CSS，添加Expires頭逮光，減少DNS查找赘淮，配置ETag，使AjaX可緩存 |
| 頁面結構 | 將樣式表放在頂部睦霎，將腳本放在底部，盡早刷新文檔的輸出 |
| 代碼校驗 | 避免CSS表達式走诞，避免重定向 |
我們把以上這些已經(jīng)成熟應用到實際生產(chǎn)中的優(yōu)化手段去除掉副女，留下那些還沒有很好實現(xiàn)的優(yōu)化原則。再來回顧一下之前的性能優(yōu)化分類：
| 優(yōu)化方向 | 優(yōu)化手段 |
|---|---|
| 請求數(shù)量 | 合并腳本和樣式表蚣旱，拆分初始化負載 |
| 請求帶寬 | 移除重復腳本 |
| 緩存利用 | 添加Expires頭碑幅，配置ETag，使Ajax可緩存 |
| 頁面結構 | 將樣式表放在頂部塞绿，將腳本放在底部沟涨，盡早刷新文檔的輸出 |
詳細內(nèi)容：https://github.com/fouber/blog/issues/3
