1.減小入口文件的體積
通常使用的手段是路由懶加載匠璧，開(kāi)啟路由懶加載之后拾并，帶請(qǐng)求的頁(yè)面會(huì)單獨(dú)打包js文件乓土，使得入口文件index.js變小
路由懶加載：延遲加載或按需加載
方法是使用vue異步組件或者ES6的import
異步組件：component：resolve=>(require(['需要加載的路由的地址'])菠剩，resolve)
import Vue from 'vue'
import Router from 'vue-router'
/* 此處省去之前導(dǎo)入的HelloWorld模塊 */
Vue.use(Router)
export default new Router({?
?????routes: [?
?????{?
?????????path: '/',?
?????????name: 'HelloWorld',
? ??????component: resolve=>(require(["@/components/HelloWorld"],resolve))
????}
?]
})
ES6的import：const HelloWorld = （）=>import('需要加載的模塊地址')
import Vue from 'vue'
import Router from 'vue-router'
Vue.use(Router)
const HelloWorld = ()=>import("@/components/HelloWorld")
export default new Router({?
?routes: [?
?????{?
?????????path: '/',?
?????????name: 'HelloWorld',
? ??????component:HelloWorld
????}?
?]
})
2.靜態(tài)資源本地化
HTTP緩存：設(shè)置Cache-Control戳表，Last-Modifled等響應(yīng)頭
Service Worker離線緩存
3.開(kāi)始GZip壓縮
壓縮頁(yè)面，可以變?yōu)樵瓉?lái)大小的30%甚至更小歌懒，實(shí)際上就是服務(wù)器端壓縮啦桌，傳到瀏覽器后解壓并解析
4.使用ssr：使用服務(wù)器渲染
