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