1. css在開發模式中用import，在打包後用cdn
min.js中做如下操作
if (process.env.node_env == 'development')
index.html中引入相應ui的cdn
2. 減少vendor.js的體積
#2.1 提取js到外部，減小vendor.js體積
1. 在/build/webpack.base.conf.js中，增加externals：
module.exports =
}
注意，externals的鍵值對中，鍵應為在/src/main.js中import的名稱，值為引用的外部檔案export的名稱。以cdn.bootcss.com的庫檔案為例，vue的匯出名為vue，mint-ui為mint，vue-router為vuerouter。
2. 複製/index.html為/index.dev.html，並修改/build/webpack.dev.conf如下：
plugins: [
new htmlwebpackplugin()
]
3. 在/index.html中，引入cdn檔案
script>
script>
script>
body>
伺服器端渲染基礎
客戶端渲染 現代化的服務端渲染 優點 1.1 使用者體驗好 1.2 開發效率高 1.3渲染效能好 1.4可維護性好 缺點2.1 首屏渲染時間長 與傳統伺服器端渲染直接獲取服務端直接渲染好的html不同,單頁面應用使用js在客戶端生成html來呈現網頁內容,使用者需要等待客戶端js解析執行完才能看到頁...
react 伺服器端渲染
伺服器端渲染 vs 客戶端渲染 1.伺服器端渲染需要消耗更多的伺服器資源 cpu，記憶體等 2.客戶端渲染可以將靜態資源部署到cdn上，實現高併發 3.服務端渲染對seo更友好 react 伺服器端渲染的實現 1.構建編譯與執行環境 安裝 babel node npm install babel c...
伺服器端渲染和首屏優化
什麼是伺服器端渲染 服務端渲染 ssr 面向母嬰電商平台的前端設計與效能研究 楊玉雪，浙江理工大學 非公開網路資源 關於首屏優化 一 概念 服務端渲染 ssr server side render 將元件或頁面通過伺服器生成html字串，再傳送到瀏覽器，最後將靜態標記 混合 為客戶端上完全互動的應用...