Lighthouse बनाम RUM: आप performance को सही तरीके से कैसे मापते हैं?

Question

IT Interview Practice · Accepted Answer

**दोनों** lab और field data से मापें — ये अलग-अलग सवालों के जवाब देते हैं। **Lighthouse** lab है (synthetic, reproducible, debugging के लिए); **RUM** field है (वास्तविक users, सच्चाई के लिए)। यदि आप केवल एक पर भरोसा करते हैं, तो आप गलत चीज optimize करते हैं।

## lab बनाम field

| | Lab (Lighthouse) | Field / RUM |
|--|------------------|-------------|
| Source | एक synthetic run, निश्चित device/network | वास्तविक visits, सभी devices/networks |
| किसके लिए अच्छा | Debugging, CI regression gates, दोहराने योग्य | users *वास्तव में* क्या अनुभव करते हैं |
| INP | माप नहीं सकता (कोई वास्तविक interactions नहीं) | पूरी visit में मापा गया |
| कमजोरी | आपके वास्तविक traffic को प्रतिबिंबित नहीं करता | शोरभरा, volume चाहिए, debug करना कठिन |

Lighthouse एक साफ machine पर एक single throttled load चलाता है — किसी issue को *पुनरुत्पादित* करने के लिए बढ़िया, आपके p75 को जानने के लिए बेकार। **खासकर INP** केवल field में capture किया जा सकता है, क्योंकि इसे एक session में वास्तविक interactions की जरूरत होती है।

## web-vitals library के साथ field data एकत्र करना

```js
import { onLCP, onCLS, onINP } from "web-vitals";

function send(metric) {
  // Attribution build tells you WHICH element/interaction caused it
  navigator.sendBeacon("/rum", JSON.stringify({
    name: metric.name, value: metric.value, id: metric.id,
  }));
}
onLCP(send); onCLS(send); onINP(send); // report each metric as it finalizes
```

यह Google के **CrUX** (Chrome User Experience Report) के समान methodology है, जो Search ranking को शक्ति देती है — CrUX वास्तविक-user p75 है, lab नहीं।

## उन्हें एक साथ कैसे उपयोग करें

- वास्तविक regressions का पता लगाने और अपना p75 जानने (जिसका ranking उपयोग करती है) के लिए **RUM**।
- regressions को ship होने से *पहले* पकड़ने के लिए एक guardrail के रूप में **CI में Lighthouse**।
- RUM को device/country/connection के अनुसार segment करें — एक averaged संख्या यह छिपा देती है कि low-end Android आपकी धीमी tail है।

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

Senior संकेत यह जानना है कि lab ≠ field, कि ranking field p75 का उपयोग करती है, और कि INP केवल field में वास्तविक है। एक Lighthouse score को optimize करना जबकि वास्तविक p75 खराब रहे एक क्लासिक जाल है जिसे यह सवाल उजागर करने के लिए डिज़ाइन किया गया है।

Source	एक synthetic run, निश्चित device/network	वास्तविक visits, सभी devices/networks
किसके लिए अच्छा	Debugging, CI regression gates, दोहराने योग्य	users वास्तव में क्या अनुभव करते हैं
INP	माप नहीं सकता (कोई वास्तविक interactions नहीं)	पूरी visit में मापा गया
कमजोरी	आपके वास्तविक traffic को प्रतिबिंबित नहीं करता	शोरभरा, volume चाहिए, debug करना कठिन

lab बनाम field

web-vitals library के साथ field data एकत्र करना

उन्हें एक साथ कैसे उपयोग करें

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

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