vue專案加快速度

2021-09-07 03:15:44 字數 843 閱讀 1348

1壓縮

2加快伺服器頻寬

3即在config/index.js中將productionsourcemap的值修改為false,就可以在編譯時不生成.map檔案了

productionsourcemap: false,

4vue.js編譯時給生成的檔案增加版本號

5vue-router路由懶載入(解決vue專案首次載入慢)

也叫延遲載入,即在需要的時候進行載入,隨用隨載。

為什麼需要懶載入?

像vue這種單頁面應用,如果沒有應用懶載入,運用webpack打包後的檔案將會異常的大,造成進入首頁時,需要載入的內容過多,時間過長,會出啊先長時間的白屏,即使做了loading也是不利於使用者體驗,而運用懶載入則可以將頁面進行劃分,需要的時候載入頁面,可以有效的分擔首頁所承擔的載入壓力,減少首頁載入用時

簡單的說就是:進入首頁不用一次載入過多資源造成用時過長!!!

如何實現?

懶載入寫法:

非懶載入的路由配置:

6使用cdn加速

例如:

cdn的全稱是content delivery network,即內容分發網路。cdn是構建在網路之上的內容分發網路,依靠部署在各地的邊緣伺服器,通過中心平台的負載均衡、內容分發、排程等功能模組,使使用者就近獲取所需內容,降低網路擁塞,提高使用者訪問響應速度和命中率。cdn的關鍵技術主要有內容儲存和分發技術。

加快Vue專案的開發速度

現如今的開發,比如是內部使用的管理平台這種專案大都時間比較倉倉促。實際上來說在使用了webpack vue 這一套來開發的話已經大大了提高了效率。但是對於我們的開發層面。還是有很多地方可以再次提高我們的專案開發效率,讓我們更加專注於業務,畢竟時間就是生命。下面我們挨個來 webpack是實現我們前端...

vue專案優化,加快伺服器端渲染速度

1.css在開發模式中用import,在打包後用cdn min.js中做如下操作 if process.env.node env development index.html中引入相應ui的cdn 2.減少vendor.js的體積 2.1 提取js到外部,減小vendor.js體積 1.在 buil...

並行編譯加快VS C 專案的編譯速度

最近編譯的專案都比較大,話說自己的電腦配置還行,但編譯所花的時間還是很長,遇到需要重新編譯整個專案的時候真的有回宿舍睡一覺的衝動。昨天一不小心被我發現了一款軟體xoreax incredibuild 今天用了一下,實在是太爽了,我把我們辦公室的機器都連了起來,其中還有一台工作站,總共加起來22個cu...