Core Web Vitals

作者 kostja948dd89c57395e无许可证1K 个星标收录于 2026年10月8日更新于 2026年10月8日仓库2天前更新

When the user wants to optimize Core Web Vitals, fix LCP, INP, or CLS issues. Also use when the user mentions "Core Web Vitals," "CWV," "LCP," "INP," "CLS," "FID," "page speed," "page performance," "Largest Contentful Paint," "Interaction to Next Paint," "Cumulative Layout Shift," or "Page Experience." For GSC CWV, use google-search-console.

仅含说明Marketing & Sales
AI 生成的概览

指导优化 Core Web Vitals（LCP、INP、CLS），提供阈值、成因、修复方法与监测工具。

功能
该技能为改善 Google Core Web Vitals 提供技术性 SEO 指导，涵盖最大内容绘制（LCP）、交互到下一次绘制（INP）和累积布局偏移（CLS）。它列出基于实测数据的目标阈值，将各指标的常见成因对应到修复方法，并指向 Search Console、PageSpeed Insights 和 Chrome DevTools 等监测工具。其产出是按当前未达标指标排序的修复建议。
适用场景
当网站需要改善 Core Web Vitals，或提到 LCP、INP、CLS、FID、页面速度等问题时使用。适用于围绕页面性能与页面体验的技术性 SEO 工作。
运行要求
无需脚本或软件包，仅为说明性内容。它引用外部工具（Google Search Console、PageSpeed Insights、Chrome DevTools）以及可选的項目上下文文件，但阅读本身不需要凭据或网络访问。

SEO Technical: Core Web Vitals

Guides optimization of Core Web Vitals (CWV)—Google's user experience metrics that affect search ranking. CWV are confirmed ranking factors for mobile and desktop.

When invoking: On first use, if helpful, open with 1–2 sentences on what this skill covers and why it matters, then provide the main output. On subsequent use or when the user asks to skip, go directly to the main output.

Scope (Technical SEO)

  • LCP (Largest Contentful Paint): Loading performance; time to render largest content element
  • INP (Interaction to Next Paint): Responsiveness; replaced FID on March 12, 2024
  • CLS (Cumulative Layout Shift): Visual stability; unexpected layout shifts

Target Thresholds (75th percentile, field data)

MetricTargetGoodNeeds ImprovementPoor
LCP≤2.5s≤2.5s2.5–4.0s>4.0s
INP≤200ms≤200ms200–500ms>500ms
CLS<0.1≤0.10.1–0.25>0.25

Source: Google Page Experience

Initial Assessment

Project context: Read root contextus.md when present and load only the modules relevant to this task. Without Contextus, use available project material or user-provided facts and ask for missing information; do not create a parallel context system.

Identify:

  1. Tools: GSC Core Web Vitals report, PageSpeed Insights, Chrome DevTools
  2. Metrics: Which metric is failing (LCP, INP, CLS)
  3. Page type: Hero, article, product, list—LCP candidate differs

LCP Optimization

LCP measures the time until the largest content element (image, video, or text block) is visible.

CauseFix
Slow server responseReduce TTFB; use CDN; optimize server
Render-blocking resourcesDefer non-critical CSS/JS; inline critical CSS
Large imagesWebP/AVIF; compress; width/height to prevent CLS; see image-optimization
Client-side renderingSSR/SSG for above-fold content; see rendering-strategies
Third-party scriptsLoad async; defer non-critical

LCP candidates: Hero image, large text block, video poster. Ensure above-fold images use loading="eager" (default); never lazy-load LCP.

INP Optimization

INP measures responsiveness—time from user interaction to next paint. Replaced FID on March 12, 2024.

CauseFix
Long-running JSBreak tasks >50ms; use requestIdleCallback; Web Workers
Heavy event handlersDebounce/throttle; defer non-critical work
Main thread blockingReduce third-party scripts; defer non-critical JS
Layout thrashingBatch DOM reads/writes; avoid forced reflows

CLS Optimization

CLS measures unexpected layout shifts.

CauseFix
Images without dimensionsAlways set width and height attributes
Dynamic contentReserve space for ads, embeds; use min-height
Web fontsfont-display: optional or swap; preload critical fonts
AnimationsUse transform instead of top/left/width

Reserve space: For images, ads, embeds—define dimensions before load. Avoid inserting content above existing content without reserved space.

Tools & Monitoring

ToolUse
GSCCore Web Vitals report; URL grouping; field data
PageSpeed InsightsLab + field data; mobile + desktop
Chrome DevToolsPerformance panel; LCP element; layout shift overlay

Output Format

Related Skills

  • image-optimization: LCP image optimization; WebP; lazy loading (below-fold only)
  • google-search-console: CWV report; field data monitoring
  • mobile-friendly: Mobile-first indexing; mobile CWV targets
  • rendering-strategies: SSR/SSG for LCP; content in initial HTML
  • site-crawlability: Redirect chains waste crawl; fix for performance

来源与署名

来源：kostja94/marketing-skills位于skills/seo/technical/core-web-vitals提交8dd89c5

许可证： 无许可证

内容归原作者所有。SourceWeft 从公开仓库中收录这些内容。

举报或申请下架

更多来自 kostja94/marketing-skills 的技能

Multi Domain Brand Seo

kostja94

指导多域名品牌搜索优化，让公司主域名在品牌词查询中排名领先于产品域名。

Marketing & Sales1K2天前更新

Website Structure

kostja94

规划网站结构：需要建设哪些页面、页面优先级、URL 路径，以及结构如何对应增长渠道。

Marketing & Sales1K2天前更新

Domain Selection

kostja94

指导选择利于 SEO 的域名：品牌型与关键词型、顶级域名、长度、历史与防御性注册。

Marketing & Sales1K2天前更新

Product Launch

kostja94

指导产品发布规划，涵盖渠道组合、时间线、检查清单与跨职能协调。

Marketing & Sales1K2天前更新

Seo Audit

kostja94

指导端到端的 SEO 审计，涵盖技术、页面、内容和站外检查，并给出按优先级排序的修复建议。

Marketing & Sales1K2天前更新

Growth Funnel

kostja94

使用 AARRR（海盗指标）客户生命周期框架指导增长规划与瓶颈诊断。

Marketing & Sales1K2天前更新

更多Marketing & Sales技能

Deal Sourcing

anthropics

精选

指导私募股权项目挖掘流程：寻找目标公司、核查 CRM 往来记录，并起草创始人外联邮件。

Marketing & Sales39K2周前更新

Investment Proposal

anthropics

精选

指导为潜在投顾客户制作个性化投资建议书，涵盖从需求调研到演示文稿、PDF 与摘要的产出。

Marketing & Sales39K2周前更新

Content Strategy

anthropics

精选

将 PayPal、QuickBooks 或 Square 的销售数据转化为按优先级排序的 30 天内容简报。

Marketing & Sales27K今天更新

Call List

anthropics

精选

通过为线索排序、补充谈话要点、建议日历时段并起草跟进邮件，生成每日电话清单。

Marketing & Sales27K今天更新

Lead Triage

anthropics

精选

依据 ICP 与资格框架对入站销售线索进行评分与分流，并按优先级对线索积压排序。

Marketing & Sales27K今天更新

Draft Outreach

anthropics

精选

撰写个性化的冷启动或跟进销售外联邮件，并生成可供审阅的草稿。

Marketing & Sales27K今天更新