明白浏览器加载网页的过程

用户请求 --> 网络响应 --> HTML解析 --> JS 下载 --> JS 执行 --> Vue 初始化 --> 首屏渲染

各阶段优化点

网络传输

• CDN
• 资源压缩
• 资源缓存
  • 资源强缓存
  • 资源协商缓存
• HTTP2
• 合并请求
  • vite 等打包工具
• 代码分割
  • 路由代码分割
  • 组件代码分割
  • vite 等打包工具