web-performance-optimization - Web 性能优化
通过代码分割、延迟加载、缓存策略及 Core Web Vitals 监控优化 Web 应用性能。
标签
更新于: 2026-09-16能力
典型输入
典型输出
该技能可以做什么
- 实现 React 路由代码分割
- 配置 Webpack 打包分割
- 优化响应式 Web 图像
- 实现 Service Worker 缓存
- 监控 Core Web Vitals 指标
- 配置 Nginx Gzip 压缩
输入
- Web 应用源代码
- 分析 API 接口 URL
- Nginx 配置文件
输出
- Service Worker 缓存条目
- Core Web Vitals 性能指标
- 压缩后的 Web 服务器响应
要求
- 支持 PerformanceObserver API 的浏览器
- 支持 Service Worker API 的浏览器
- Nginx Web 服务器