用途
WebPageTest 用于分析网页性能，揭示合成测试工具容易忽略的真实世界性能问题，例如来自实际地理位置的 TTFB、渲染阻塞模式以及第三方脚本的影响。该技能条目属于前端检查清单（front-end-checklist），适用于审查模板、服务端渲染 HTML 或共享组件时，借助 WebPageTest 分析页面性能、定位瓶颈，并衡量不同设备与网络连接下的真实加载指标。
主要能力
该技能围绕四个环节展开：
- 检查（Check）：使用 WebPageTest 分析页面性能，识别瓶颈，并衡量不同设备和连接下的真实世界加载指标。
- 修复（Fix）：根据 WebPageTest 结果实施推荐的优化措施，包括资源压缩、缓存和关键路径改进。
- 解释（Explain）：说明 WebPageTest 如何提供关于 Core Web Vitals、加载瀑布图以及合成测试无法揭示的性能机会的洞察。
- 代码审查（Code Review）：审查模板、服务端渲染 HTML 和共享组件中与 WebPageTest 性能分析相关的输出标记，标记渲染 HTML 违反规则的具体元素、属性和路由。
使用方式
快速参考建议：
- 运行 3 次以上测试以获得一致结果。
- 从靠近用户的位置进行测试。
- 使用胶片视图（filmstrip view）识别视觉进度。
- 检查瀑布图（waterfall）以发现阻塞资源和缓慢的第三方资源。
完整实现细节、代码示例和框架特定指南见 references/rule.md。规则页面：https://frontendchecklist.io/en/rules/html/webpagetest
适用场景
适用于前端性能审查流程，尤其是需要评估真实用户体验指标、排查第三方脚本影响、优化关键渲染路径，以及在代码审查中检查渲染 HTML 是否符合性能规则时。
限制
关于该技能的具体收费、价格、支持平台、实际效果或详细使用步骤，资料中暂未提供。