web前端資源文件的部署和優化

如今網上也有不少關於前端文件加載的性能優化，我相信大部分的前端程序猿，應該都據說過雅虎的14條優化原則

1. 儘量的減小 HTTP 的請求數 content 2. 使用 CDN（Content Delivery Network） server 3. 添加 Expires 頭(或者 Cache-control ) server 4. Gzip 組件 server 5. 將 CSS 樣式放在頁面的上方 css 6. 將腳本移動到底部（包括內聯的） javascript 7. 避免使用 CSS 中的 Expressions css 8. 將 JavaScript 和 CSS 獨立成外部文件 javascript css 9. 減小 DNS 查詢 content 10. 壓縮 JavaScript 和 CSS (包括內聯的) javascript css 11. 避免重定向 server 12. 移除重複的腳本 javascript 13. 配置實體標籤（ETags） css 14. 使 AJAX 緩存

有些人經過這14個規則總結了一下:

優化方向	優化手段
請求數量	合併腳本和樣式表，CSS Sprites，拆分初始化負載，劃分主域，字體圖標，雪碧圖片等
請求帶寬	開啓服務器GZip，精簡JavaScript，移除重複腳本，圖像優化（包括圖片大小kb）
緩存利用	使用CDN，使用外部JavaScript和CSS，添加Expires頭，減小DNS查找，配置ETag，使AjaX可緩存
頁面結構	將樣式表放在頂部，將腳本放在底部，儘早刷新文檔的輸出
代碼校驗	避免CSS表達式，避免重定向

來源：https://blog.csdn.net/nyflxp/article/details/79303986