Sebesség Szakszó

CrUX: mezei vs labor adat

Szerző: · 7 perc olvasás · Frissítve:
CrUX: mezei vs labor adat - Sebesség (szakszó) a tudástárban
CrUX: mezei vs labor adat - Sebesség | eClick GEO-audit tudástár

A CrUX (Chrome User Experience Report) a Google nyilvános adatbázisa, amely valódi Chrome-felhasználók böngészéséből gyűjti a sebesség-mérőszámokat. Ez a mezei adat (field data): nem egy szimulált mérés, hanem az, amit az emberek tényleg tapasztaltak az oldaladon az elmúlt 28 napban.

Mezei adat vs labor adat

A labor adat (lab data) egy kontrollált környezetben lefuttatott mérés. Egy szerver betölti az oldalt, előre beállított CPU-lassítással és hálózati fékkel, majd kiszámolja az értékeket. Ilyen a Lighthouse futtatása is.

A mezei adat ezzel szemben sok ezer valós látogatásból összegyűjtött statisztika. Különböző eszközök, hálózatok, országok, cache-állapotok keverednek benne. A PageSpeed Insights mindkettőt megmutatja: felül a CrUX-ot, alul a Lighthouse-futást.

Miért tér el a kettő

A két szám szinte soha nem egyezik, és ez nem hiba. A labor mérés egy hideg betöltés, üres cache-sel, egy adott helyről. A mezei adat tartalmazza a visszatérő látogatókat, a régi Android-telefonokat és a gyenge mobilnetet is.

A INP (Interaction to Next Paint) mérőszámot ráadásul laborban nem is lehet rendesen mérni. Ahhoz valódi kattintás kell. A Lighthouse helyette TBT (Total Blocking Time) értéket ad, ami csak közelítés.

Percentilis, nem átlag

A CrUX a 75. percentilist használja. Ha az LCP mezei értéke 2,4 másodperc, az azt jelenti: a látogatások 75%-a ennél gyorsabb volt. Az átlag itt félrevezetne, a leglassabb esetek pedig aránytalanul rontanák a képet.

A Core Web Vitals küszöbök is erre a percentilisre vonatkoznak. A "jó" minősítéshez mindhárom mérőszámnak teljesítenie kell.

Röviden: a labor adat megmondja, mit javíts, a mezei adat megmondja, hogy megérte-e.

Mit néz ebből a riport

Az audit lekéri az oldal CrUX-adatait, ha elérhetők. Ha nincs elég forgalom, a riport ezt nem ellenőrizhető állapotként jelzi, nem hibaként. Ilyenkor a labor mérés marad támpontnak.

Miért fontos

A Google a mezei adatot nézi

A Core Web Vitals rangsorolási jelzés a CrUX-ból jön, nem a Lighthouse-pontszámból. Ha a labor mérésed 95 pont, de a mezei LCP 4,1 másodperc, a Google az utóbbit látja.

Ez a magyar KKV-oldalak leggyakoribb félreértése. A riportokban rendszeresen látunk olyan oldalt, ahol a tulajdonos büszke a zöld Lighthouse-pontszámra, közben a valós felhasználók fele lassú betöltést kap.

Üzleti következmény

A mezei adat a tényleges bevételkiesést tükrözi. Ha a látogatók negyede 4 másodpercnél tovább vár, az mérhető lemorzsolódás. A labor szám ezt nem mutatja meg.

A Google Search Console szűrője

A Search Console Core Web Vitals jelentése szintén CrUX-alapú. URL-csoportokra bontja az oldalakat. Ott látod, hogy a terméklapok vagy a blogbejegyzések a gyengék.

Amit a labor adat ad

A labor mérés viszont reprodukálható és azonnali. Módosítasz valamit, újrafutsz, látod a különbséget. A mezei adat ehhez 28 napot kér.

Kikre vonatkozik

Kikre vonatkozik

  • Minden nyilvános oldal, amely elér egy forgalmi küszöböt. A pontos számot a Google nem közli, de tapasztalatból napi néhány száz látogatás alatt ritkán van adat.
  • Webshopok, ahol a terméklapok és a kategóriák külön URL-csoportot alkotnak.
  • Nagy tartalmi oldalak, ahol origin-szintű és URL-szintű adat is elérhető.

Kikre nem

  • Friss vagy kis forgalmú oldalak. Nincs elég minta, a PageSpeed csak a labor részt mutatja.
  • Staging és belső rendszerek. Ezek nem publikusak, CrUX-adat nincs róluk.
  • Bejelentkezés mögötti felületek. Az adminfelület vagy az ügyfélportál nem kerül be a mintába.
  • Nem Chrome-forgalom. Safari és Firefox látogatások nincsenek benne, iPhone-nehéz közönségnél ez torzít.

Ha nincs CrUX-adatod, az nem baj. Ilyenkor a Lighthouse mérés és a szerveroldali TTFB (Time to First Byte) a támpont.

Hogyan ellenőrzöd

Lépések

  1. Nyisd meg a PageSpeed Insights oldalt, és add meg az URL-t.
  2. Nézd a felső blokkot: "Discover what your real users are experiencing". Ez a CrUX.
  3. Váltogasd a Mobil / Asztali fület. A kettő gyakran nagyon eltér.
  4. Figyeld, hogy URL-szintű vagy origin-szintű adatot kaptál-e. Az origin az egész domain átlagát jelenti.
  5. Görgess az alsó blokkig ("Diagnose performance issues"). Innen lefelé minden labor adat.
  6. Nyisd meg a Search Console Core Web Vitals jelentését a teljes oldal képéhez.

Jó jel

  • Van URL-szintű mezei adat, és mindhárom mérőszám zöld.
  • LCP 2,5 mp alatt, INP 200 ms alatt, CLS 0,1 alatt, a 75. percentilisen.
  • A labor és a mezei érték nagyságrendileg hasonló.

Rossz jel

  • Zöld labor pontszám, piros mezei adat. Ilyenkor a valós eszközök a gyengék.
  • Csak origin-szintű adat van a fontos landing oldalakra.
  • A mobil és az asztali érték között két-háromszoros a különbség.
  • "Nincs elegendő valós felhasználói adat" üzenet egy nagy forgalmúnak hitt oldalon. Ez mérési vagy forgalmi probléma.

Hogyan javítod

A CrUX-ot közvetlenül nem lehet "javítani". A valós élményt kell gyorsítani, az adat pedig 28 nap alatt követi.

WordPress

  1. Telepíts egy oldalcache-plugint, és kapcsold be a HTML-cache-t.
  2. Állítsd be a kritikus kép fetchpriority="high" értékét a hero-képen.
  3. Vedd ki a hajtás feletti képeket a Lazy loading (lusta betöltés) alól.
  4. Nézd át a plugineket: minden aktív plugin JS-t tölt minden oldalon.
  5. Ellenőrizd a render-blokkoló erőforrás listát a Lighthouse jelentésben.

Shopify

  1. A téma theme.liquid fájljában nézd meg, hány külső script fut.
  2. Távolítsd el a nem használt appok maradék kódját.
  3. Használd a beépített képméretezést, kerüld a fix nagy képeket.
  4. A Shopify CDN adott, a TTFB-t így ritkán kell külön kezelni.

Unas

  1. A sablonszerkesztőben nézd át a saját beszúrt kódokat.
  2. A termékképeket töltsd fel a megjelenítési mérethez igazítva.
  3. Csökkentsd a főoldali slider elemszámát: ez tipikus CLS (Cumulative Layout Shift) forrás.

Shoprenter

  1. A sablonbeállításoknál kapcsold ki a nem használt modulokat.
  2. Ellenőrizd a külső követőkódokat a Google Tag Manager (GTM) konténerben.
  3. A kategórialapokon csökkentsd az egy oldalon megjelenő termékszámot.

Egyedi fejlesztés

  1. Mérd a szerveroldali válaszidőt, a TTFB (Time to First Byte) a lánc eleje.
  2. Vezess be CDN (tartalomszolgáltató hálózat) réteget a statikus tartalomra.
  3. Kapcsold be a Brotli tömörítést.
  4. Építs be saját RUM-mérést a web-vitals JavaScript könyvtárral. Így nem kell 28 napot várni.
  5. Szállíts modern képformátumot és explicit width/height attribútumokat.

Gyakori hibák

  • A Lighthouse-pontszámot hiszik a rangsorolási jelzésnek. A Google a CrUX mezei adatát használja, a 100 pont önmagában semmit nem garantál.
  • Egy mérésből következtetnek. A labor futás eredménye futásonként ingadozik, legalább három mérés átlagát nézd.
  • Az origin-szintű adatot URL-szintűnek veszik. A domain összesített értéke elrejti, hogy a terméklapok lassúak.
  • Csak asztali nézetben mérnek. A magyar forgalom jellemzően mobil-többségű, a mezei adat ezt tükrözi.
  • Azonnali javulást várnak. A CrUX 28 napos csúszóablakot használ, a hatás fokozatosan jelenik meg.
  • A hiányzó CrUX-adatot hibának veszik. Kis forgalmú oldalnál ez normális, nem technikai probléma.
  • Az INP-t TBT-vel helyettesítik. A TBT csak proxy, a valós interakciós késleltetést nem méri.

Technikai példa

A CrUX API-ból közvetlenül is lekérhető a mezei adat. Így nem kell a PageSpeed felületét nézni.

curl -X POST "https://chromeuxreport.googleapis.com/v1/records:queryRecord?key=API_KULCS" \
  -H "Content-Type: application/json" \
  -d '{"url": "https://pelda.hu/termek/valami", "formFactor": "PHONE"}'

A válasz percentilist és eloszlást ad vissza mérőszámonként:

{
  "record": {
    "key": { "url": "https://pelda.hu/termek/valami", "formFactor": "PHONE" },
    "metrics": {
      "largest_contentful_paint": {
        "percentiles": { "p75": 3120 },
        "histogram": [
          { "start": 0, "end": 2500, "density": 0.61 },
          { "start": 2500, "end": 4000, "density": 0.27 },
          { "start": 4000, "density": 0.12 }
        ]
      }
    }
  }
}

A p75 értéke 3120 ms. Ez a "javítandó" sávba esik, mert 2500 ms felett van. A hisztogramból az is látszik, hogy a látogatások 12%-a 4 másodpercnél is lassabb volt.

Saját RUM-méréshez a hivatalos könyvtár elég:

<script type="module">
  import { onLCP, onINP, onCLS } from 'https://unpkg.com/web-vitals@4?module';
  const kuld = (m) => {
    navigator.sendBeacon('/rum', JSON.stringify({ nev: m.name, ertek: m.value }));
  };
  onLCP(kuld);
  onINP(kuld);
  onCLS(kuld);
</script>

Ez ugyanazokat a mérőszámokat gyűjti, mint a CrUX, de azonnali visszajelzést ad.

Gyakori kérdések

Miért zöld a PageSpeed pontszámom, ha a mezei adat piros?
A pontszám a labor mérésből jön, egy szimulált eszközön, üres cache-sel. A mezei adat valós felhasználók ezreitől származik, gyengébb telefonokkal és rosszabb hálózaton. A Google a rangsorolásnál a mezei adatot nézi. A zöld pontszám tehát jó jel, de nem bizonyíték.
Mennyi forgalom kell ahhoz, hogy legyen CrUX-adatom?
A Google nem közöl konkrét küszöböt. A tapasztalat az, hogy napi néhány száz látogatás alatt jellemzően nincs URL-szintű adat. Ilyenkor előbb az origin-szintű adat jelenik meg, később az egyes URL-eké. Kis oldalnál a hiány normális állapot.
Mennyi idő alatt látszik a javítás a CrUX-ban?
A CrUX 28 napos csúszóablakot használ. A változás fokozatosan szivárog be, teljes hatás nagyjából egy hónap után látszik. Ha gyorsabb visszajelzés kell, építs saját RUM-mérést a web-vitals könyvtárral. Az másnap már mutat eredményt.
Beleszámít a Safari és a Firefox forgalom?
Nem. A CrUX kizárólag Chrome-felhasználóktól gyűjt adatot, azoktól is csak azoktól, akik engedélyezték a statisztikák küldését. Ha a közönséged nagy része iPhone-on Safarit használ, a mezei adat nem teljes képet ad. Ilyenkor a saját RUM-mérés pontosabb.
Melyiket javítsam előbb, a labor vagy a mezei problémát?
A mezei adat mondja meg, hogy van-e egyáltalán baj. A labor mérés mondja meg, hogy mit csinálj. Kezdd a mezei adattal a prioritásnál, aztán a Lighthouse diagnosztikából dolgozz. A kettő együtt használható, külön-külön félrevezet.

Források

Kapcsolódó fogalmak

A te oldaladon hogy áll a(z) „CrUX: mezei vs labor adat”?

Futtass egy SEO-auditot: pontszám, fejlesztői ítélet, a leggyorsabb javítások, és minden tételhez bizonyíték.

Ingyenes SEO-audit indítása