前端性能優(yōu)化

  1. 使用路由按需加載，只有打開對應(yīng)路由的頁面才去加載資源
  2. 頁面圖片采用 png 格式的圖片，可將圖片進(jìn)行壓縮
  3. 圖片比較小的話，可以用 base64 格式進(jìn)行加載
  4. 圖片資源可以，放到 CDN 服務(wù)器中
  5. 打包的時候，以 Vue 為例，可以在 vue.config.js 中設(shè)置
productionSourceMap:false
  1. 將靜態(tài)資源放到靜態(tài)資源服務(wù)器中，比如 七牛云，可以我們分擔(dān) 帶寬 和 流量
    [注]
    CDN 服務(wù)器的作用：
  • CDN 服務(wù)器會做緩存，第二次就不會被加載
  • 會設(shè)置 cache-control，從而緩存圖片
  • 會從其他服務(wù)器下載圖片，分流了，減少了我們自己服務(wù)器的壓力
?著作權(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)容