vue專案優化目錄

2021-10-25 01:34:51 字數 442 閱讀 6718

vue專案的優化小記:

網上一番搜尋,發現優化點主要在如下幾個方面:

一、開啟gzip壓縮功能

gzip壓縮效率非常高,通常可以達到70%的壓縮率,也就是說,如果你的網頁有30k,壓縮之後就變成了9k左右

二、引入cdn

將大一些的第三方庫通過標籤的方式引入。

三、路由懶載入、元件懶載入

四、某些第三方元件按需載入而不是全部載入

五、較小的資源用base64嵌入src中,減少http請求

小可以轉為base64字串然後嵌入img的src中,節省http請求數量,webpack中用url-loader處理,limit控制了轉base64的閾值,小於該值就轉base64

vue專案優化

1.通過nprogress新增進度條效果 安裝執行依賴 匯入nprogress包對應的js和css import nprogress from nprogress import nprogress nprogress.css 在axios的request 中展示進度條 nprogress.start...

vue專案優化

專案優化 進度條新增 移除打包之後的console 只在發布階段移除console 利用vue.config.js修改webpack的預設配置 自定義入口檔案 通過cdn載入外部資源 配置element ui的cdn資源 根據不同環境定製不同的首頁內容 我們要在index.html中來判斷當前環境為...

vue專案優化

1 盡可能的減少watcher的數量,當監聽資料是乙個物件的時候,最好具體到監聽物件的屬性 2 內容比較多的時候可以用懶載入 分頁 滾動載入或者tab方式,減少每次渲染的數量 3 結合v if,非同步顯示dom結構,減少不必要元件的載入 4 給列表渲染加上唯一的key值,避免重複建立和大規模的重新渲...