optimize - Web UI 性能优化
诊断并修复 UI 性能问题，提升网页体验速度
标签
更新于: 2026-03-25能力
典型输入
典型输出
该技能可以做什么
- 测量性能指标
- 优化图片
- 压缩图片
- 减少 JavaScript 包大小
- 拆分代码
- 移除未使用代码
- 优化 CSS
- 优化字体
- 最小化 DOM
- 虚拟化列表
- 使用 GPU 加速
- 优化动画
- 监控性能
- 分析包大小
- 优化网络请求
- 实现懒加载
- 使用 CDN 交付
输入
- Web 应用
- 目标 UI 元素
- 性能指标
- 包大小数据
- 加载时间数据
- Core Web Vitals 分数
输出
- 性能优化报告
- 优化后的代码
- 减少的包大小
- 改进的 Core Web Vitals
- 优化前后指标对比
要求
- 浏览器环境
- 目标网站访问权限
- 开发工具