SPA怎么优化首页白屏时间？

• 最终解决方案：SSR 服务端渲染

• SPA: Single Page Application（单页应用），Vue 和 React都是。

Vue项目中，我们打完包生成dist时，如果没有指定多入口，就只会生成一个html文件，和一些js、css、图片等资源文件。html中并没有渲染元素，就一个id为app的div。页面上的元素都是通过请求js动态渲染上去。所有本身就挺慢的。

• 路由懒加载，首屏只请求首页相关js和css

• 组件异步加载，首页先渲染首屏的资源，首屏下面的组件异步加载

• 尽量减少http请求，因为浏览器有最大并发数限制，可以利用http2多路复用

• 利用打包工具做代码拆分，splitChunks

• 代码体积压缩gzip,打印日志去除

• 图片压缩、图片存入CDN