用途:测量任意网页的 Core Web Vitals,使用浏览器自身的性能 API 获取 LCP、CLS、INP、TTFB、FCP,并按 Google 阈值给出评级。无需注册。
前提:需要 Playwright MCP(随 Claude Code 提供)。
触发方式:例如“Check Core Web Vitals for https://...”“How's the LCP/CLS on my site?”“Web vitals audit mysite.com”。
工作流程:用 mcp__playwright__browser_navigate 打开 URL;等待页面稳定(mcp__playwright__browser_wait_for 约 3 秒或等待网络空闲);用 mcp__playwright__browser_evaluate 收集指标,通过 navigation timing 取 TTFB、FCP,用 PerformanceObserver 监听 largest-contentful-paint 取 LCP、监听 layout-shift 累计 CLS(忽略 hadRecentInput)。INP 无法被动测量,需交互;可通过 mcp__playwright__browser_click 点击主按钮后读取 event timing,否则报告为“not measured (needs interaction)”。
评级阈值:LCP 良好≤2500ms、需改进 2500–4000ms、差>4000ms;CLS 良好≤0.1、需改进 0.1–0.25、差>0.25;INP 良好≤200ms、需改进 200–500ms、差>500ms;TTFB 良好≤800ms、需改进 800–1800ms、差>1800ms;FCP 良好≤1800ms、需改进 1800–3000ms、差>3000ms。总评:A 全部良好;B 一项需改进;C 两到三项;D 任一项差;F 多项差。
输出为报告,含 URL、总评、各指标值与评级,并针对拖后腿的指标给出改进建议(如 LCP 可加 fetchpriority="high"、预加载、使用 AVIF/WebP、避免被阻塞渲染的 JS 拖累)。
限制:INP 需真实交互才能测量;结果依赖浏览器环境与页面加载状态;资料未提供其他平台、收费或价格信息。