H5頁面性能優(yōu)化

  • 最少化請求個數(shù)
    手機瀏覽器同時響應(yīng)請求為4個請求（Android支持4個，iOS 5后可支持6個）
    如何減少請求次數(shù)：
  1. 合并圖片（將若干個小圖合并成一個大圖、雪碧圖）
  2. 合并JS/CSS文件
  • 減少單個文件大小
  1. 使用輕量的JS插件
  2. 優(yōu)化CSS、刪除未使用的規(guī)則
  3. 優(yōu)化單張圖片的大小
  4. 壓縮CSS和JS、開啟Gzip
  5. 緩存（CDN與瀏覽器緩存）
    cdn是服務(wù)器緩存機制
    前端緩存可以用DOM Storage （ sessionStorage 和 localStorage）、數(shù)據(jù)庫（IndexedDB）等把服務(wù)器請求的數(shù)據(jù)緩存到本地，減少對服務(wù)器的訪問

  • 頁面性能分析工具
    chrome的開發(fā)者模式，可以跟蹤頁面加載的所有文件,調(diào)用的接口以及他們的加載順序、大小等信息


最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點，簡書系信息發(fā)布平臺，僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容