core-web-vitals

原文涵盖的主题

• Core Web Vitals optimization
• The three metrics
• LCP: Largest Contentful Paint
• Common LCP issues
• LCP optimization checklist
• LCP element identification
• INP: Interaction to Next Paint
• INP breakdown

Targeted optimization for the three Core Web Vitals metrics that affect Google Search ranking and user experience. | 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 measures when the largest visible content element renders. Usually this is: Hero image or video Large text block Background image element 1. Slow server response (TTFB > 800ms) 2. Render-blocking resources 3. Slow resource load times 4. Client-side rendering delays -- INP measures responsiveness across ALL interactions (clicks, taps, key presses) during a page visit. It reports the worst interaction (at 98th percentile for high-traffic pages). Total INP = Input Delay + Processing Time + Presentation Delay | Phase | Target | Optimization | |-------|--------|--------------| | Input Delay | Chrome User Experience Report (CrUX) → BigQuery or API Search Console → Core Web Vitals report web-vitals library → Send to your anal

这里只展示节选，请以完整原文和当前要求为准。