【譯】提高頁面性能的最好實踐（雅虎35條軍規）

原文連接

內容

1. 儘量減小HTTP請求
2. 減小DNS查找（即具體IP代替域名）
3. 避免重定向
4. 設置Ajax可緩存
5. 延遲加載組件
6. 預加載組件
7. 減小DOM元素數量
8. 跨域分割組件
9. 儘量減小iframes數量
10. 避免404

服務

1. 使用CDN（內容分發網絡）
2. 添加Expires和Cache-Control頭部
3. 壓縮組件
4. 配置ETags
5. 清空緩存區
6. 對Ajax使用GET請求
7. 避免Image標籤的src爲空

cookies

1. 減小Cookie的體積（大小）
2. 爲組件使用沒有cookie的域

樣式

1. CSS文件在頂部引用
2. 避免CSS表達式
3. 使用 替代@import
4. 避免filter

JavaScript

1. 放置Scripts在底部
2. 把JavaScript和CSS放外邊
3. 壓縮JavaScript和CSS
4. 刪除重複的Scripts
5. 儘量減小訪問DOM
6. 開發事件智能處理

圖片

1. 優化Images
2. 優化CSS雪碧圖
3. 不要在HTML中放縮Images
4. 使用小的收藏夾圖標並緩存

移動端

1. 組件大小控制在25KB如下
2. 打包組件到一個複合文檔