如何進行網站性能優化
雅虎Best Practices for Speeding Up Your Web Site:javascript
-
content方面css
- 減小HTTP請求:合併文件、CSS精靈、inline Image
- 減小DNS查詢:DNS查詢完成以前瀏覽器不能從這個主機下載任何任何文件。方法:DNS緩存、將資源分佈到恰當數量的主機名,平衡並行下載和DNS查詢
- 避免重定向:多餘的中間訪問
- 使Ajax可緩存
- 非必須組件延遲加載
- 將來所需組件預加載
- 減小DOM元素數量
- 將資源放到不一樣的域下:瀏覽器同時從一個域下載資源的數目有限,增長域能夠提升並行下載量
- 減小iframe數量
- 不要404
-
Server方面html
- 使用CDN
- 添加Expires或者Cache-Control響應頭
- 對組件使用Gzip壓縮
- 配置ETag
- Flush Buffer Early
- Ajax使用GET進行請求
- 避免空src的img標籤
- Cookie方面
- 減少cookie大小
- 引入資源的域名不要包含cookie
- css方面
- 將樣式表放到頁面頂部
- 不使用CSS表達式
- 使用不使用@import
- 不使用IE的Filter
- Javascript方面
- 將腳本放到頁面底部
- 將javascript和css從外部引入
- 壓縮javascript和css
- 刪除不須要的腳本
- 減小DOM訪問
- 合理設計事件監聽器
- 圖片方面
- 優化圖片:根據實際顏色須要選擇色深、壓縮
- 優化css精靈
- 不要在HTML中拉伸圖片
- 保證favicon.ico小而且可緩存
- 移動方面
- 保證組件小於25k
- Pack Components into a Multipart Document