用途:web-perf 提供结构化的五阶段网页性能审计流程,用于诊断性能瓶颈、测量 Core Web Vitals 并产出可执行的优化建议。适用场景包括:审计网站 Core Web Vitals 合规性、诊断加载缓慢或布局偏移、优化 LCP/CLS/INP、审查前端性能反模式、为 Google 页面体验排名信号做准备,以及优化 Webpack、Vite、Next.js、Nuxt 构建产物。
主要能力:给出 Core Web Vitals 阈值(LCP 良好≤2.5s、需改进2.5–4.0s、差>4.0s;CLS 良好≤0.1、需改进0.1–0.25、差>0.25;INP 良好≤200ms、需改进200–500ms、差>500ms),以及 FCP、TTFB、TBT、Speed Index 等附加指标阈值。五阶段流程为:性能追踪、Core Web Vitals 分析、网络分析、无障碍性能、代码库分析,并附审计报告模板与反模式清单。
使用方式:阶段一可用 Chrome DevTools Performance 面板录制并重载页面,或用 Lighthouse CLI,例如 npx lighthouse https://example.com --output=json --output-path=./lighthouse-report.json,也可加 --only-categories=performance 或 --preset=perf --throttling-method=simulate。阶段二针对 LCP、CLS、INP 逐项诊断并给出优化清单(如预加载 LCP 资源、设置图片尺寸、拆分长任务)。阶段三检查请求数、关键请求链、压缩与缓存头。阶段四校验懒加载图片 alt、键盘导航、aria-busy、prefers-reduced-motion 等。阶段五审查 Webpack/Vite/Next.js 配置与常见反模式。
限制:资料未提供该技能的安装命令、收费方式、支持平台或实测效果数据,暂未提供。审计需先测量基线,不应仅凭实验室数据优化,也不应对首屏内容使用懒加载。