# spa首屏加载

指的是浏览器从响应用户输入网址地址,到首屏内容渲染完成的时间。

# 加载缓慢原因

  • 网络延时
  • 资源文件体积
  • 资源是否重复发送请求
  • 加载脚本时,渲染内容堵塞

# 解决方案

  • 减小入口文件体积积(路由懒加载)
  • 静态资源本地缓存
  • UI框架按需加载
  • 图片资源的压缩(icon,在线字体,雪碧图)
  • 组件重复打包
  • 开启GZip压缩(vue.config.js中修改webpack配置)
  • 使用SSR

# 全面优化方案

spa首屏优化

本章目录