Web前端性能優化策略

前端性能優化需要從前端的資源類型分析,以減少請求資源和請求時間爲目的。目前的類型包括圖片、javascript、css、動態數據等,不同的資源對於運算、帶寬等的依賴也不同,因此優化的方式也不同。參照以往的經驗和雅虎前端優化的策略,本系統分爲以下方面:
1)根據瀏覽器加載數據的順序不同,將加載的位置分爲head內部和body之後
      a,css儘可能的放到head內部
      b,JavaScript放到body之後
2)減少數據請求的次數,減少服務器請求時間
     a,合併不必要的單次後端請求;
     b,首界面採用惰性加載,列表頁採用分頁加載;
     c,javascript合併;
     d,css合併
     e,2k以內的請求採用get方式,反之採用post請求
3)通過數據壓縮,減少數據傳輸的時間
     a,服務器請求採用gzip壓縮
     b,banner圖片採用圖片壓縮,壓縮到200kb左右
     c,javascript和css採用數據壓縮
4)通過數據緩存增加請求的速度
    a,圖片資源,JavaScript、css 配置cdn
    b,頁面靜態資源配置頁面緩存;
5)多域名請求
    a,將數據庫、圖片、應用程序等功能分開存儲請求;
    b,根據不同的業務劃分不同的域名服務器
6)負載均衡
    a,設定負載均衡,包括應用程序負載和數據庫負載處理;
7)硬件配置提升
    a,增加網絡帶寬
    b,增加服務器處理能力

    以上的優化策略效果逐級提升,從成本的角度考慮,不同的階段側重點不同。優化的核心關鍵是理解問題的瓶頸,根據瓶頸和問題特點進行鍼對性優化。
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章