PC端 Vue-SPA项目 如何做好首屏渲染优化 about the-front-end-knowledge-you-may-not-know

[hollyDysania]

我能想到的就是路由按需加载(懒加载)
三种写法：
1.require.ensure(dependencies: String[], callback: function(require), chunkName: String)，会将chunkName一样的打包在一个js里
2resolve => require(['路径'], resolve)，会按照路由打包成多个js
3.() => import('路径'),会按照路由打包成多个js

[wenchaoshi]

服务端渲染才是最终解决方案吧

[Char-Ten]

1. 预渲染
   spa项目如果难以改动的话，试试预渲染吧，可以把一些html（比如骨架屏）先渲染到页面里面去，然后再发布到cdn上。
2. 按需加载
   这个不用多说，我相信你应该会做的
3. ssr
   前提是公司有资源和能力让你这样玩
4. pwa
   之前见过一个仁兄在sw里面进行“服务端“渲染，首次进来js渲染完之后，将渲染结果写入html的缓存里面去。第二次用户进来后，直接从缓存里面拿到上次渲染的结果进行展示，而后等待js就绪接管页面