Web性能优化Skill web-performance

---

name: web-performance description: 核心Web指标优化、Lighthouse审计和性能监控。 allowed-tools: 读取、写入、编辑、Bash、Glob、Grep

Web性能技能

提供专业的Web性能优化协助。

能力

• 优化核心Web指标
• 运行Lighthouse审计
• 实施性能监控
• 减少包体积
• 优化加载策略

核心Web指标

// 测量CWV
import { onLCP, onFID, onCLS } from 'web-vitals';

onLCP(console.log);
onFID(console.log);
onCLS(console.log);

// LCP优化
// - 预加载关键资源
// - 优化图片
// - 使用SSR/SSG

// CLS预防
// - 为图片预留空间
// - 使用宽高比
// - 避免布局偏移

目标流程

• 性能优化
• lighthouse审计
• cwv改进