如何進行網站性能優化

如何進行網站性能優化

雅虎Best Practices for Speeding Up Your Web Sitejavascript

  • content方面css

    1. 減小HTTP請求:合併文件、CSS精靈、inline Image
    2. 減小DNS查詢:DNS查詢完成以前瀏覽器不能從這個主機下載任何任何文件。方法:DNS緩存、將資源分佈到恰當數量的主機名,平衡並行下載和DNS查詢
    3. 避免重定向:多餘的中間訪問
    4. 使Ajax可緩存
    5. 非必須組件延遲加載
    6. 將來所需組件預加載
    7. 減小DOM元素數量
    8. 將資源放到不一樣的域下:瀏覽器同時從一個域下載資源的數目有限,增長域能夠提升並行下載量
    9. 減小iframe數量
    10. 不要404
  • Server方面html

    1. 使用CDN
    2. 添加Expires或者Cache-Control響應頭
    3. 對組件使用Gzip壓縮
    4. 配置ETag
    5. Flush Buffer Early
    6. Ajax使用GET進行請求
    7. 避免空src的img標籤
  • Cookie方面
    1. 減少cookie大小
    2. 引入資源的域名不要包含cookie
  • css方面
    1. 將樣式表放到頁面頂部
    2. 不使用CSS表達式
    3. 使用不使用@import
    4. 不使用IE的Filter
  • Javascript方面
    1. 將腳本放到頁面底部
    2. 將javascript和css從外部引入
    3. 壓縮javascript和css
    4. 刪除不須要的腳本
    5. 減小DOM訪問
    6. 合理設計事件監聽器
  • 圖片方面
    1. 優化圖片:根據實際顏色須要選擇色深、壓縮
    2. 優化css精靈
    3. 不要在HTML中拉伸圖片
    4. 保證favicon.ico小而且可緩存
  • 移動方面
    1. 保證組件小於25k
    2. Pack Components into a Multipart Document
相關文章
相關標籤/搜索