然後找到 build/webpack.base.conf.js 檔案，在 module.exports = 中新增以下**
externals:這個優化是兩方面的，前端將檔案打包成.gz檔案，然後通過nginx的配置，讓瀏覽器直接解析.gz檔案。
如果首頁真的有瓶頸，可以考慮用 node 單獨做服務端渲染，而下面的子頁面仍用 spa 單頁的方式互動。
這裡不推薦直接用 nuxt.js 服務端渲染方案，因為這樣一來增加了學習成本，二來服務端的維護成本也會上公升，有時在本機測試沒問題，在服務端跑就有問題，為了省心，還是最大限度的使用靜態頁面較好。
【參考】
Vue首屏載入優化
vue首屏載入優化 單頁面應用的乙個問題就是首頁載入東西過多，載入時間過長。特別在移動端，單頁面應用的首屏載入優化更是繞不開的話題。下面我會寫出我在專案中做的一些優化，希望大家能夠相互討論，共同進步。分析載入慢問題 1.webpack bundle analyzer 分析 首頁我們來看看沒有經過任何...
VUE單頁應用首屏載入速度優化方案
單頁應用會隨著專案越大，導致首屏載入速度很慢！以下給出在下知道的幾種優化方案 使用cdn資源,減小伺服器頻寬壓力 路由懶載入 將一些靜態js css放到其他地方 如oss 減小伺服器壓力 按需載入三方資源，如iview,建議按需引入iview中的元件 使用nginx開啟gzip減小網路傳輸的流量大小...
css vue 引入cdn VUE首屏優化方案
前言 我的專案是vue cli3構建的，vue vuex vue router axios element ui，隨著模組不斷增多，專案 越來越臃腫，打包上傳後，瀏覽器清除快取後開啟的速度變得很慢，對我這種急性子來說簡直不能忍。f12檢視network，發現有乙個chunk vendors.js的檔...