返回目录 / 开发工具
Web性能诊断：用现场profile定位高影响问题
先采集Web Vitals与浏览器trace，记录基线、瓶颈和可量化验证方式。
Skills
先确认目标URL、设备、网络和可用browser/performance工具；读取web.dev Core Web Vitals及Chrome DevTools/Lighthouse当前指引。采集真实或本地测试场景的LCP、INP、CLS和trace，按瓶颈检查请求瀑布、主线程、资源尺寸、layout shift及压缩；把每项发现关联到文件/函数和影响证据。提出最小修复并以同条件重测，报告指标/条件/不确定性，不仅报综合分数，也不擅自改变生产配置。
权限边界
前置条件
- 诊断网页加载、交互或视觉稳定性问题，并以数据排序性能改进。
权限边界
- 可运行浏览器测试、访问页面与网络请求；本地性能采样不需改生产。
限制
先获取用户同意的页面与环境；指标需标明设备/网络条件，不将一次Lighthouse分数当作现场用户结论。
固定上游来源
- 仓库
- cloudflare/skills
- 文件路径
- skills/web-perf/SKILL.md
- 固定提交
53395984c3ea1925d00fce03b266112302f050e6- 来源检查
- 2026-10-14 · 已按固定上游来源核对
仓库指标
以下数字属于上游仓库整体，不代表单个 Skill 或指南的点赞/热度。
- Stars
- 未取得
- Forks
- 未取得
- 观测时间
- 未取得
尚未取得指标快照。
许可证: Apache-2.0
适用工具
Browser performance tooling/MCP · Chrome DevTools · Lighthouse · web.dev guidance