LCP, CLS, और INP क्या हैं, और अच्छे thresholds क्या हैं?

Question

IT Interview Practice · Accepted Answer

**Core Web Vitals** तीन field metrics हैं जिनका उपयोग Google वास्तविक user experience को score करने के लिए करता है: **LCP** (loading), **CLS** (visual stability), और **INP** (responsiveness)।

## प्रत्येक क्या मापता है

- **LCP — Largest Contentful Paint**: सबसे बड़े दृश्य element (hero image, headline) के render होने तक का समय। यह जवाब देता है "क्या मुख्य content तेजी से दिखाई दिया?"
- **CLS — Cumulative Layout Shift**: loading के दौरान content कितना अप्रत्याशित रूप से इधर-उधर कूदता है। यह जवाब देता है "क्या page स्थिर रहा?"
- **INP — Interaction to Next Paint**: पूरी visit के दौरान page taps/clicks/keypresses पर कितनी जल्दी प्रतिक्रिया देता है। यह जवाब देता है "क्या यह snappy महसूस होता है?" INP ने मार्च 2024 में FID की जगह ले ली।

## अच्छे thresholds

| Metric | अच्छा | सुधार की जरूरत | खराब |
|--------|------|-----------|------|
| LCP | ≤ 2.5s | ≤ 4.0s | > 4.0s |
| CLS | ≤ 0.1 | ≤ 0.25 | > 0.25 |
| INP | ≤ 200ms | ≤ 500ms | > 500ms |

Google वास्तविक users के **75वें percentile** पर grade करता है — इसलिए "अच्छा" का मतलब है कि 75% visits लक्ष्य तक पहुँचती हैं, न कि केवल एक तेज laptop पर आपका तेज test।

## यह क्यों महत्वपूर्ण है

Interviewers यह जाँचने के लिए पूछते हैं कि आप *वर्तमान* metrics (INP, न कि FID) और उनके thresholds जानते हैं या नहीं। ये scores Google Search ranking को feed करते हैं और सीधे bounce rate तथा conversions से संबंधित होते हैं, इसलिए यह जानना कि प्रत्येक क्या मापता है, आपको बताता है कि एक धीमे page पर कहाँ ध्यान केंद्रित करना है।

Metric	अच्छा	सुधार की जरूरत	खराब
LCP	≤ 2.5s	≤ 4.0s	> 4.0s
CLS	≤ 0.1	≤ 0.25	> 0.25
INP	≤ 200ms	≤ 500ms	> 500ms

प्रत्येक क्या मापता है

अच्छे thresholds

यह क्यों महत्वपूर्ण है

संबंधित प्रश्न