网页加载体验与排名优化

要解决什么问题

Core Web Vitals（CWV）是 Google 用于衡量页面用户体验的一组指标，已确认同时作用于移动端与桌面端的搜索排名。内容再好的页面，如果 LCP 加载过慢、INP 交互响应迟钝、CLS 布局持续抖动，排名同样会受影响。该技能针对的正是这类技术 SEO 问题：指标不达标时，给出可落地的诊断与修复路径。

核心能力与关键步骤

1. 初始评估：先检查 .claude/project-context.md 或 .cursor/project-context.md 获取站点 URL，再通过 GSC Core Web Vitals 报告、PageSpeed Insights 与 Chrome DevTools 确定哪个指标未达标，并识别页面类型——Hero、文章、商品、列表页的 LCP 候选元素各不相同。
2. LCP 优化：覆盖服务器响应慢（TTFB）、渲染阻塞资源、大图未压缩、首屏内容客户端渲染、第三方脚本干扰等成因；首屏图片必须 loading="eager"，绝不能延迟加载 LCP 元素。
3. INP 优化：针对长任务、重事件处理器、主线程阻塞与布局抖动，给出任务拆分、防抖节流、requestIdleCallback、Web Workers 等修复手段。
4. CLS 优化：为图片设置宽高、为广告与嵌入内容预留空间（min-height）、采用 font-display: optional/swap 字体策略、动画改用 transform。
5. 输出格式：按「当前状态、按影响排序的修复项、参考资料」组织，便于直接对照执行。

适用边界与注意点

该技能默认只提供诊断与建议，命令和代码均作为参考，不会自动安装依赖、修改系统权限、创建持久化任务或下载内容。涉及发送、发布、删除、付款、部署等外部写入操作时，会先展示目标与影响，取得明确确认后才执行；凭据仅用于用户指定的官方服务，不回显、不记录、不转发。