Mittaa sekä lab- että kenttädatalla — ne vastaavat eri kysymyksiin. Lighthouse on lab (synteettinen, toistettava, debuggaukseen); RUM on kenttä (todelliset käyttäjät, totuuteen). Jos luotat vain toiseen, optimoit väärää asiaa.
Mittaa sekä lab- että kenttädatalla — ne vastaavat eri kysymyksiin. Lighthouse on lab (synteettinen, toistettava, debuggaukseen); RUM on kenttä (todelliset käyttäjät, totuuteen). Jos luotat vain toiseen, optimoit väärää asiaa.
| Lab (Lighthouse) | Kenttä / RUM |
|---|
| Lähde | Yksi synteettinen ajo, kiinteä laite/verkko | Todelliset käynnit, kaikki laitteet/verkot |
| Hyvä | Debuggaus, CI-regressioportit, toistettava | Mitä käyttäjät todella kokevat |
| INP | Ei voi mitata (ei todellisia vuorovaikutuksia) | Mitattu koko käynnin ajalta |
| Heikkous | Ei heijasta todellista liikennettäsi | Kohinaista, tarvitsee volyymia, vaikeampi debugata |
Lighthouse ajaa yhden throttlatun latauksen puhtaalla koneella — loistava ongelman toistamiseen, hyödytön p75:n tuntemiseen. INP erityisesti voidaan napata vain kentällä, koska se tarvitsee todellisia vuorovaikutuksia session aikana.
import { onLCP, onCLS, onINP } from "web-vitals";
function send(metric) {
// Attribution-build kertoo MIKÄ elementti/vuorovaikutus aiheutti sen
navigator.sendBeacon("/rum", JSON.stringify({
name: metric.name, value: metric.value, id: metric.id,
}));
}
onLCP(send); onCLS(send); onINP(send); // raportoi kukin mittari kun se viimeistellään
Tämä on sama metodologia kuin Googlen CrUX (Chrome User Experience Report), joka ohjaa hakusijoitusta — CrUX on todellisten käyttäjien p75, ei labia.
Senior-signaali on sen tietäminen, että lab ≠ kenttä, että sijoitus käyttää kentän p75:tä, ja että INP on todellinen vain kentällä. Lighthouse-pisteen optimointi, kun todellinen p75 pysyy huonona, on klassinen ansa, jonka tämä kysymys on suunniteltu paljastamaan.
Kirjasto IT-haastattelukysymyksiä yksityiskohtaisine vastauksineen — Juniorista Senioriin.
Lahjoita