LCP، CLS، اور INP کیا ہیں، اور ان کے اچھے thresholds کیا ہیں؟

Question

IT Interview Practice · Accepted Answer

**Core Web Vitals** تین field metrics ہیں جنہیں Google اصل صارف کے تجربے کو جانچنے کے لیے استعمال کرتا ہے: **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**: پورے دورے کے دوران page، taps/clicks/keypresses کا کتنی تیزی سے جواب دیتا ہے۔ یہ اس سوال کا جواب دیتا ہے کہ "کیا یہ چست محسوس ہوتا ہے؟" INP نے مارچ 2024 میں FID کی جگہ لے لی۔

## اچھے thresholds

| Metric | اچھا | بہتری درکار | خراب |
|--------|------|-----------|------|
| LCP | ≤ 2.5s | ≤ 4.0s | > 4.0s |
| CLS | ≤ 0.1 | ≤ 0.25 | > 0.25 |
| INP | ≤ 200ms | ≤ 500ms | > 500ms |

Google اصل صارفین کے **75ویں percentile** پر grade دیتا ہے — چنانچہ "اچھے" کا مطلب یہ ہے کہ 75% دورے target تک پہنچیں، نہ کہ محض ایک تیز laptop پر آپ کا تیز test۔

## یہ کیوں اہم ہے

Interviewers یہ اس لیے پوچھتے ہیں کہ آیا آپ *موجودہ* metrics (INP، FID نہیں) اور ان کے thresholds جانتے ہیں۔ یہ scores Google Search ranking میں شامل ہوتے ہیں اور bounce rate اور conversions سے براہِ راست تعلق رکھتے ہیں، اس لیے یہ جاننا کہ ہر ایک کیا ناپتا ہے آپ کو بتاتا ہے کہ ایک سست page پر توجہ کہاں مرکوز کرنی ہے۔

Metric	اچھا	بہتری درکار	خراب
LCP	≤ 2.5s	≤ 4.0s	> 4.0s
CLS	≤ 0.1	≤ 0.25	> 0.25
INP	≤ 200ms	≤ 500ms	> 500ms

ہر ایک کیا ناپتا ہے

اچھے thresholds

یہ کیوں اہم ہے

متعلقہ سوالات