spa首屏加载

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

加载缓慢原因

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

解决方案

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

全面优化方案