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值,避免重複建立和大規模的重新渲...