performance - 网页性能优化
基于Lighthouse审计优化网页加载速度、运行时效率和资源
标签
更新于: 2026-05-28该技能可以做什么
- 识别性能瓶颈
- 分析代码和资源
- 优化图片
- 优化字体
- 优化JavaScript
- 优化CSS
- 启用压缩
- 配置缓存
- 实现代码分割
- 配置预加载
- 配置懒加载
- 运行Lighthouse审计
- 测量性能指标
- 优化关键渲染路径
- 使用requestAnimationFrame
输入
- 网站URL
- 源代码
- Web资源
输出
- 性能报告
- 优化建议
- 代码示例
- 性能指标
- 优化前后对比
要求
- Lighthouse工具
- Web浏览器
- HTTP/2或HTTP/3支持