1.減小入口文件的體積

通常使用的手段是路由懶加載，開啟路由懶加載之后，帶請求的頁面會單獨(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.開始GZip壓縮

壓縮頁面，可以變?yōu)樵瓉泶笮〉?0%甚至更小，實(shí)際上就是服務(wù)器端壓縮，傳到瀏覽器后解壓并解析

4.使用ssr：使用服務(wù)器渲染