vue 首頁白屏問題
VUE首頁加載過慢，其原因是因?yàn)樗且粋€(gè)單頁應(yīng)用，需要將所有需要的資源都下載到瀏覽器端并解析。

原因

首頁需要加載比較大的js文件, 解決方法是 在路由返回前添加loading
這類問題不僅是vue。因?yàn)槭莝pa，而且所有的渲染都在腳本上，js執(zhí)行需要時(shí)間。另外加載js也要時(shí)間，所以頁面越大，加載時(shí)間越長(zhǎng)，而且js執(zhí)行的時(shí)間也長(zhǎng)，dcl發(fā)生的時(shí)間點(diǎn)就更晚，所以會(huì)白屏

單頁面應(yīng)用的 html 是靠 js 生成，因?yàn)槭灼列枰虞d很大的js文件(app.js vendor.js)，所以當(dāng)網(wǎng)速差的時(shí)候會(huì)產(chǎn)生一定程度的白屏

解決辦法：

優(yōu)化 webpack 減少模塊打包體積，code-split 按需加載
服務(wù)端渲染，在服務(wù)端事先拼裝好首頁所需的 html
首頁加 loading 或 骨架屏 （僅僅是優(yōu)化體驗(yàn)）
服務(wù)端開啟gzip壓縮
打包文件分包，提取公共文件包