构建优化

前端构建性能优化实践。

代码分割

// 动态导入
const module = await import('./module.js')

懒加载

const LazyComponent = lazy(() => import('./Component'))

资源优化

1. 图片压缩
2. 字体优化
3. CDN 加速
4. Gzip 压缩

缓存策略

• 长期缓存静态资源
• 版本号控制更新
• Service Worker 缓存