单页应用首屏加载速度慢的怎么解决？

• 使用路由懒加载、异步组件，实现组件拆分，减少入口文件体积大小,优化体验骨架屏
• 抽离公共代码，采用 splitChunks 进行代码分割。
• 组件加载采用按需加载的方式。
• 静态资源缓存，采用 HTTP 缓存 （强制缓存、对比缓存）、使用 localStorage 实现缓存资源。
• 图片资源的压缩，雪碧图、对小图片进行 base64 减少 http 请求。
• 打包时开启 gzip 压缩处理 compression-webpack-plugin 插件
• 静态资源采用 CDN 提速。终极的手段
• 使用 SSR 对首屏做服务端渲染。