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今天更新