Lighthouse da RUM: yaya kake auna performance yadda ya kamata?

Question

IT Interview Practice · Accepted Answer

Auna da **duka** lab da field data — suna amsa tambayoyi daban-daban. **Lighthouse** lab ne (synthetic, reproducible, don debugging); **RUM** field ne (ainihin masu amfani, don gaskiya). Idan ka amince da ɗaya kawai, kana inganta abu mara kyau.

## Lab da field

| | Lab (Lighthouse) | Field / RUM |
|--|------------------|-------------|
| Source | Gudu synthetic guda, fixed device/network | Ainihin ziyarce-ziyarce, dukan devices/networks |
| Kyau don | Debugging, CI regression gates, maimaituwa | Abin da masu amfani *ke gogewa da gaske* |
| INP | Ba ya iya aunawa (babu ainihin interactions) | Ana aunawa a duk ziyarar |
| Rauni | Ba ya nuna ainihin traffic ɗinka | Mai hayaniya, yana bukatar yawa, mai wahalar debug |

Lighthouse yana gudanar da throttled load guda a kan clean machine — mai kyau don *sake haifar* da matsala, marar amfani don sanin p75 ɗinka. **INP musamman** ana iya kama shi kawai a field, saboda yana bukatar ainihin interactions a kan session.

## Tara field data da web-vitals library

```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
```

Wannan ita ce hanya ɗaya da **CrUX** na Google (Chrome User Experience Report), wanda ke ƙarfafa Search ranking — CrUX real-user p75 ne, ba lab ba.

## Yadda za a yi amfani da su tare

- **RUM** don gano ainihin regressions da sanin p75 ɗinka (abin da ranking ke amfani da shi).
- **Lighthouse a CI** a matsayin guardrail don kama regressions *kafin* su ship.
- Raba RUM da device/country/connection — averaged number yana ɓoye cewa low-end Android shi ne slow tail ɗinka.

## Me ya sa yake da muhimmanci

Senior signal shi ne sanin lab ≠ field, cewa ranking yana amfani da field p75, kuma cewa INP na gaskiya ne kawai a field. Inganta Lighthouse score alhali ainihin p75 ya kasance mara kyau tarko ne na gargajiya da wannan tambaya aka tsara don fallasawa.

Source	Gudu synthetic guda, fixed device/network	Ainihin ziyarce-ziyarce, dukan devices/networks
Kyau don	Debugging, CI regression gates, maimaituwa	Abin da masu amfani ke gogewa da gaske
INP	Ba ya iya aunawa (babu ainihin interactions)	Ana aunawa a duk ziyarar
Rauni	Ba ya nuna ainihin traffic ɗinka	Mai hayaniya, yana bukatar yawa, mai wahalar debug

Lab da field

Tara field data da web-vitals library

Yadda za a yi amfani da su tare

Me ya sa yake da muhimmanci

Tambayoyi masu alaƙa