用途:对任意 URL 采集真实浏览器性能数据,评估核心网络指标(Core Web Vitals)并按 web.dev 阈值分级,帮助定位页面加载慢的原因。
主要能力:测量 LCP(最大内容绘制)、CLS(累计布局偏移)、TTFB(首字节时间)、FCP(首次内容绘制),可选补充 serverWait(服务端等待时间)。按 web.dev 的 75 百分位目标分级:LCP 良好≤2500ms、待改进2500–4000ms、差>4000ms;CLS 良好≤0.1、待改进0.1–0.25、差>0.25;TTFB 良好≤800ms、待改进800–1800ms、差>1800ms;FCP 良好≤1800ms、待改进1800–3000ms、差>3000ms。综合等级:全良好为 A,一项待改进为 B,两项及以上待改进为 C,一项差为 D,多项差为 F。输出报告表格并给出 LCP 优化线索。
使用方式:前提安装 Playwright MCP(随 Claude Code 提供)。触发语句如“Check Core Web Vitals for https://...”“Measure LCP on my landing page”“Is my CLS under 0.1?”。流程为先导航到 URL 并等待约 3 秒,让晚到布局偏移与最终 LCP 候选稳定;再用 browser_evaluate 执行返回 Promise 的采集函数,读取 navigation、first-contentful-paint、largest-contentful-paint、layout-shift 等 Performance 条目,随后按阈值评分并生成报告。
限制:不测量 INP,因为 INP 需要访客真实交互,被动加载没有交互;应标注“未测量(需交互)”,不可伪造。可选点击一个主要控件并用 performance.getEntriesByType('event') 读取单次交互延迟样本,但须明确标注为单次样本。结果是单机单次实验室数据,与真实用户现场数据(CrUX)可能不同。