我優化公司的專案總結的幾點：

1、先檢視引入的圖片大小，如果太大了，可以壓縮，壓縮路徑：https://zhitu.isux.us/

2、程式碼包優化，

待下專案開發完成。進行打包原始碼上線環節，需要對專案開發環節的開發提示資訊以及錯誤資訊進行遮蔽，一方面可以減少上線程式碼包的大小；另一方面提高系統的安全性。在vuejs專案的config目錄下有三個檔案dev.env.js(開發環境配置檔案)、prod.env.js(上線配置檔案)、index.js(通用配置檔案)。vue-cli腳手架在上線配置檔案會自動設定允許sourceMap打包，所以在上線前可以遮蔽sourceMap。如下所示，index.js的配置如下,通用配置檔案分別對開發環境和上線環境做了打包配置分類，在build物件中的配置資訊中，productionSourceMap修改成false:

3、路由懶載入：

官方上提示有兩種，

一種是：這種因為沒有宣告打包的檔名稱，所有的路由就會打包到同一個js檔案中

const Foo = () => import('./Foo.vue')

另一種是：是把元件按塊封裝，/* webpackChunkName: "group-foo" */，就是宣告的元件塊，如果有多個的名稱，就會 打包多個js檔案

const Foo = () => import(/* webpackChunkName: "group-foo" */ './Foo.vue')

我自己實現：

const ColMoney = () => import(/*
 
 webpackChunkName: "Proscenium" */ '@/components/pages/Proscenium/ColMoney/MoneyList')

const Prepay = () => import(/* webpackChunkName: "LearnTube" */ '@/components/pages/LearnTube/Student/Prepay')

只寫了兩個例子，這樣就會生成兩個js檔案，等去點選那個路由時，才會載入相應的js檔案。

以上是我親自試過的，

我在網上看過很多的博文，說：

1、引入cdn加速，也就是vender bundle ，我目前還沒有試過，

https://segmentfault.com/a/1190000009443366?utm_source=tag-newest 大家可以去這個上面看看，我覺得可行。

2、對專案程式碼中的JS/CSS/SVG(*.ico)檔案進行gzip壓縮，我試過，但是沒成功，npm install --save-dev compression-webpack-plugin一直報錯，我就放棄了，大家如果想看，可以去 https://www.jianshu.com/p/41075f1f5297 這個連結看看。