core-web-vitals

仓库创建 2026年1月18日最近提交 1 个月前SkillHot 收录 22 天前

▸ 精选理由

聚焦影响体验与排名的关键指标，修复导向。

这个 Skill 做什么

针对LCP/INP/CLS三项指标给出优化策略与修复建议。

针对 LCP、INP、CLS 三项 Core Web Vitals 给出诊断、优先级与具体修复建议，帮你改善页面加载、交互和布局稳定性。用在页面加载慢、交互卡顿或出现视觉抖动时，能把问题定位到资源、脚本或渲染流程并给出可操作的修复步骤。特别会按影响程度排序并建议可量化的改进目标，方便验证效果。

▸ 展开 SKILL.md 英文原文

Optimize Core Web Vitals (LCP, INP, CLS) for better page experience and search ranking. Use when asked to "improve Core Web Vitals", "fix LCP", "reduce CLS", "optimize INP", "page experience optimization", or "fix layout shifts".

开发编程性能核心指标LCP/CLS/INP通用

2.6k

Stars

233

Forks

仓库内 Skill

+93

7 日增星

安装 / 使用

给你的 Agent 一句话（通用）

帮我安装这个 skill：https://raw.githubusercontent.com/addyosmani/web-quality-skills/main/skills/core-web-vitals/SKILL.md

或 curl 直取 SKILL.md

curl -fsSL "https://raw.githubusercontent.com/addyosmani/web-quality-skills/main/skills/core-web-vitals/SKILL.md"

SKILL.MD 节选查看完整文件 ↗

# Core Web Vitals optimization

Targeted optimization for the three Core Web Vitals metrics that affect Google Search ranking and user experience.

## The three metrics

| Metric | Measures | Good | Needs work | Poor |
|--------|----------|------|------------|------|
| **LCP** | Loading | ≤ 2.5s | 2.5s – 4s | > 4s |
| **INP** | Interactivity | ≤ 200ms | 200ms – 500ms | > 500ms |
| **CLS** | Visual Stability | ≤ 0.1 | 0.1 – 0.25 | > 0.25 |

Google measures at the **75th percentile** — 75% of page visits must meet "Good" thresholds.

---

## LCP: Largest Contentful Paint

LCP measures when the largest visible content element renders. Usually this is:
- Hero image or video
- Large text block
-

via SKILL·HOT · 数据来自 GitHub 公开信息 · 原文版权归作者所有