本篇文章為大家展示了vue項目中怎么優化首頁加載速度，內容簡明扼要并且容易理解，絕對能使你眼前一亮，通過這篇文章的詳細介紹希望你能有所收獲。

在成都網站設計、成都網站建設中從網站色彩、結構布局、欄目設置、關鍵詞群組等細微處著手，突出企業的產品/服務/品牌，幫助企業鎖定精準用戶，提高在線咨詢和轉化，使成都網站營銷成為有效果、有回報的無錫營銷推廣。創新互聯建站專業成都網站建設十年了，客戶滿意度97.8%，歡迎成都創新互聯客戶聯系。

1: 針對第三方js庫的優化

我們項目里用到的第三方js庫主要有：vue, vue-router, vuex, axio, 我們還用到了qiniu。大家知道這些依賴庫的js文件都會被一起打包到vender那個js文件里面，如果這些你的第三方依賴庫很多，很大的話，那就會導致vender這個文件很大，那首屏加載的速度肯定會被拖慢。

針對這個問題我們的解決方案是，用文檔的cdn文件代替，而不用打包到vender里面去。具體的做法是：

1: 在index.html里面引入依賴庫js文件

 // index.html
<script src="https://cdn.bootcss.com/vue/2.3.3/vue.min.js"></script>
<script src="https://cdn.bootcss.com/axios/0.16.2/axios.min.js"></script>

2: 去掉第三方js的import,因為在第一步已經通過script標簽引用進來了。

3: 把第三方庫的js文件從打包文件里去掉

這一步的做法就是利用webpack的externals。具體做法就是在 build/webpack.base.conf.js文件的module里面與rules同層加入externals：

上述內容就是vue項目中怎么優化首頁加載速度，你們學到知識或技能了嗎？如果還想學到更多技能或者豐富自己的知識儲備，歡迎關注創新互聯行業資訊頻道。

本文題目：vue項目中怎么優化首頁加載速度
網站URL：http://www.yijiale78.com/article42/jcsihc.html

成都網站建設公司_創新互聯，為您提供動態網站、搜索引擎優化、網站內鏈、品牌網站設計、企業網站制作、電子商務

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯