PC端 Vue-SPA项目 如何做好首屏渲染优化

[Yangfan2016]

[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就绪接管页面