- 路由懒加载:改成
() => import(),首屏 JS 从 1.8MB 降到 320KB - 依赖预构建:vite optimizeDeps 手动指定常用库
- 组件按需引入:element-plus 用 unplugin-vue-components
- Gzip + CDN:nginx 开 gzip,静态资源上 CDN
- 图片懒加载 + webp
最终首屏 800ms,Lighthouse 评分 96。
() => import(),首屏 JS 从 1.8MB 降到 320KB最终首屏 800ms,Lighthouse 评分 96。
补充一个:把 moment.js 换成 dayjs,体积直接省 200KB。
受教了,我们项目首屏 6s,回去就改路由懒加载。
还有个坑:optimizeDeps 改动后要删掉 node_modules/.vite 才生效。