1. 程式人生 > >Web前端效能優化策略

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,增加伺服器處理能力 以上的優化策略效果逐級提升,從成本的角度考慮,不同的階段側重點不同。優化的核心關鍵是理解問題的瓶頸,根據瓶頸和問題特點進行鍼對性優化。