首屏时间（First Contentful Paint），指的是浏览器从响应用户输入网址地址，到首屏内容渲染完成的时间，此时整个网页不一定要全部渲染完成，但需要展示当前视窗需要的内容；

加载慢的原因

  • 网络延时问题
  • 资源文件体积是否过大
  • 资源是否重复发送请求去加载了

  • 加载脚本的时候，渲染内容堵塞了

    常见的几种SPA首屏优化方式

  • 减小入口文件积

  • 静态资源本地缓存
  • UI框架按需加载
  • 图片资源的压缩
  • 组件重复打包
  • 开启GZip压缩
  • 使用SSR

想要具体了解可以点击 SPA（单页应用）首屏加载速度慢的解决详解