vue專案首次載入時間很長(gzip篇)

2021-10-07 06:59:43 字數 823 閱讀 4433

vue專案首次開啟載入很慢,主要是打包後的三個檔案載入很慢

我們把滑鼠放到其中的乙個檔案上,檢視載入的詳細耗時,可以看到時間主要是花費在content download上了,這是我們就可以選擇gzip優化

如何確定gzip是否生效?

開啟控制台,切換到network,選中之前載入比較慢的三個檔案,可以看到headers請求頭裡面的content-encoding,已經是gzip了

也可以將滑鼠放在size這一欄,會有乙個hover層,顯示出來

提示壓縮後的檔案大小以及原資源解析大小

vue專案首次載入緩慢優化

元件全域性引入改為按需引入 element ui按需引入 stage 2 plugins transform vue jsx transform runtime component env 根據自己已有的改 import vue from vue import from element ui vue...

vue專案首次執行到瀏覽器載入時間長!

最近做專案發現乙個問題,頁面每次重新整理後瀏覽器載入速度都還好,但是,瀏覽器初次載入就花費了6s左右。那麼問題來了 在開發環境中還好,但是交付給使用者之後使用者的體驗會很差,誰還會再用這個產品?在現在國內網際網路的大趨勢下,如果產品缺失了競爭力這個因素,就有可能被市場淘汰!我有想過使用白屏的方式,可...

vue首次載入生命週期

beforecreate把vue例項初始化,資料方法還沒有載入 created已經載入資料方法 beforemount模板資料已經編譯 mounted渲染檢視 前面四個是元件初始化載入經過的生命週期函式 beforupdate沒有修改資料 update修改之後 beforedestroy元件銷毀之前...