web-performance-optimization - 网站与 Web 应用性能优化
测量、分析并改善加载速度、Core Web Vitals、代码包大小、缓存、资源和运行时性能。
标签
更新于: 2026-10-01能力
典型输入
典型输出
该技能可以做什么
- 测量性能基线
- 运行 Lighthouse 审计
- 分析 Core Web Vitals
- 检查代码包大小
- 分析网络瀑布图
- 识别性能瓶颈
- 优先处理高影响优化
- 优化图像和资源
- 实施代码拆分
- 添加缓存标头
- 延迟加载资源
- 优化渲染路径
- 延迟第三方脚本
- 验证性能改进
- 比较优化前后指标
输入
- 网站源代码
- Web 应用源代码
- 构建输出
- 代码包统计数据
- 图像资源
- 性能指标
- 网络瀑布图数据
- 设备配置
- 网络配置
输出
- 性能审计结果
- 已识别的瓶颈
- 优化建议
- 优化后的代码和配置
- 优化前后指标
- Lighthouse 分数对比
- 真实用户指标观测结果