Sebesség Szakszó

PageSpeed Insights

Szerző: · 8 perc olvasás · Frissítve:
PageSpeed Insights - Sebesség (szakszó) a tudástárban
PageSpeed Insights - Sebesség | eClick GEO-audit tudástár

A PageSpeed Insights a Google ingyenes sebességmérő eszköze, amely egy megadott URL-re egyszerre mutatja meg a valós felhasználóktól gyűjtött mezei adatot és a szimulált laborteszt eredményét. Az eredmény egy 0-100 közötti pontszám plusz a hozzá tartozó metrikák és javaslatok.

Hogyan működik

Az eszköz két különböző forrásból dolgozik. A felső blokk a CrUX mezei adatból jön: ezek valódi Chrome-felhasználók mérései az elmúlt 28 napból. Az alsó blokk egy Lighthouse futtatás egy Google-szerveren, szimulált mobilhálózattal és lassított CPU-val.

A két blokk ugyanazokat a metrikákat használhatja, de nem ugyanazt méri. A mezei adat a te tényleges látogatóid élményét mutatja. A labor adat egy egyszeri, kontrollált mérés, ami reprodukálható és debuggolható. Ha eltérnek, az nem hiba, hanem információ.

Mit jelent a pontszám

A 0-100 pontszám kizárólag a laborteszt eredménye, súlyozott átlag néhány metrikából. A TBT (Total Blocking Time) és az LCP (Largest Contentful Paint) viszi a súly nagy részét, a CLS (Cumulative Layout Shift) és az FCP (First Contentful Paint) kisebbet. A Google skálája szerint 90 felett zöld, 50-89 között narancs, 50 alatt piros.

A rangsorolás szempontjából viszont nem a pontszám számít, hanem a Core Web Vitals mezei értékei. Egy oldal lehet 100 pontos laborban, és bukhatja a CrUX-küszöböket, ha a valódi látogatók lassabb eszközön, rosszabb hálózaton érkeznek.

Mikor számít igazán

A PageSpeed eredménye akkor ér valamit, ha a fő sablonokra nézed: főoldal, kategória, termék, szolgáltatásoldal, blogbejegyzés. Egyetlen URL mérése félrevezet. A riportokban rendre azt látjuk, hogy a főoldal kap egy drága optimalizálást, a termékoldalak meg maradnak 30 pont körül.

Röviden: a pontszám egy szimuláció, a valóság a mezei adat; javítani a laborban javítasz, mérni a CrUX-ban mérsz.

Miért fontos

SEO

A Google a Core Web Vitals mezei értékeit használja rangsorolási jelként, nem a PageSpeed pontszámot. A PageSpeed viszont az a felület, ahol ezeket az értékeket a leggyorsabban megnézed. Ha az oldal a CrUX-ban pirosban áll, azt a Google Search Console Core Web Vitals jelentése is megmutatja, URL-csoportokra bontva.

Üzleti hatás

A lassú oldal konverziót veszít. Egy 4 másodperc feletti LCP mobilon látványos visszafordulást okoz, különösen fizetett forgalomnál. A betöltési idő a hirdetési költséget is drágítja, mert az érkezők egy része sosem látja a landing oldalt.

AI-értelmezhetőség

A generatív keresők és az AI-crawlerek általában nem futtatnak teljes rendereléssel böngészőt. Nekik a TTFB (Time to First Byte) és a szerver válaszideje számít, nem a vizuális metrikák. Egy lassú vagy időtúllépéses szerver miatt az oldal egyszerűen kimarad a válaszból.

Döntéstámogatás

A PageSpeed javaslatai konkrét bájtokat és milliszekundumokat mutatnak. Ez az egyetlen hely, ahol a fejlesztői munkaóra megtérülése előre becsülhető.

Kikre vonatkozik

Vonatkozik rá minden nyilvános, indexelhető oldal, amelyre emberi látogató érkezik. Különösen fontos webshopoknál, ahol a termékoldal sebessége közvetlenül a bevételt érinti.

Kiemelten érintett:

  • webshopok termék- és kategórialistái
  • nagy képes portfólió- és ingatlanoldalak
  • WordPress-oldalak sok bővítménnyel
  • fizetett kampányok landing oldalai

Kevésbé vagy egyáltalán nem érintett:

  • staging és fejlesztői környezetek, ahová nem érkezik valódi forgalom
  • jelszóval védett vagy noindex, meta robots és X-Robots-Tag oldalak, mert a PageSpeed csak nyilvánosan elérhető URL-t tud lekérni
  • alacsony forgalmú aloldalak, ahol nincs elég adat a CrUX-hoz

Kis forgalmú oldalaknál a mezei blokk gyakran hiányzik. Ilyenkor marad a labor adat, és origin szintű CrUX, ha a domain összesítve eléri a küszöböt.

Hogyan ellenőrzöd

  1. Nyisd meg a pagespeed.web.dev címet, és illeszd be a teljes URL-t protokollal együtt.
  2. Válaszd a Mobil fület. A Google mobil-first indexel, tehát ez az alapértelmezett nézet.
  3. Nézd meg a felső, Valós felhasználói élmény blokkot. Ha van adat, itt látod a 75. percentilis értékeket.
  4. Ellenőrizd, hogy az adat az URL-re vagy az origin-re vonatkozik. Ezt a blokk fejléce írja ki.
  5. Görgess le a Teljesítmény pontszámig, és nyisd le a metrikák listáját.
  6. Menj végig a Diagnosztika szekción. A tételek a becsült megtakarítás szerint rendezettek.
  7. Futtasd le ugyanezt 3-5 tipikus sablonon, ne csak a főoldalon.
  8. Ismételd meg a mérést kétszer-háromszor: a labor eredmény futásonként 5-10 pontot szórhat.

Jó jel

  • a mezei blokk zöld: LCP 2,5 s alatt, INP 200 ms alatt, CLS 0,1 alatt
  • a Core Web Vitals értékelés Passed állapotban van
  • a labor és a mezei érték közel esik egymáshoz
  • a diagnosztikában nincs több száz kilobájtos megtakarítási javaslat

Rossz jel

  • a mezei LCP 4 s felett, mobilon
  • "A mezei adat nem áll rendelkezésre" üzenet egy nagy forgalmú oldalon, ami mérési vagy indexelési gondra utal
  • a labor 90+, a mezei piros: a valódi eszközpark lassabb, mint a szimuláció
  • a TBT (Total Blocking Time) 600 ms felett, ami rossz INP előfutára
  • futásonként 20+ pontot ugráló eredmény, ami instabil szerverre vagy külső szkriptekre utal

Mit néz ebből a riport

Az audit a PageSpeed mögötti API-ból kéri le az oldal mezei és labor értékeit, és a küszöbökhöz méri őket. A riport a metrikákat külön tételként mutatja, nem egyetlen pontszámként. Ahol nincs CrUX-adat, ott ezt jelzi, és a labor eredményre támaszkodik.

Hogyan javítod

A PageSpeed maga nem javítható, csak az, amit mér. A sorrend mindig ugyanaz: először a szerver válaszidő, aztán a képek, végül a szkriptek.

WordPress

  1. Kapcsolj be oldal-cache-t. A cache (gyorsítótár) a legnagyobb egyetlen nyereség a TTFB-n.
  2. Konvertáld a képeket WebP vagy AVIF formátumra, és adj meg width és height attribútumot minden képnek.
  3. Kapcsold ki a fel nem használt bővítményeket. Minden aktív plugin CSS-t és JS-t tölt.
  4. Halaszd a nem kritikus szkripteket defer attribútummal, hogy csökkenjen a render-blokkoló erőforrás.
  5. Frissítsd a PHP-verziót. A régi verziók nem csak lassúak, hanem biztonsági kockázatot is jelentenek.

Shopify

  1. Nézd át a telepített appokat. A használaton kívüli app szkriptje gyakran a sablonban marad.
  2. Cseréld le a nagy hero képeket a téma reszponzív képhelperére.
  3. A harmadik féltől származó chat- és popup-szkripteket töltsd be késleltetve.
  4. Kerüld a több betűtípuscsaládot, és töltsd font-display: swap beállítással.

Unas

  1. A felügyeleti felületen kapcsold be a képoptimalizálást és a tömörítést.
  2. Töltsd fel a termékképeket a megjelenítési méret közelében, ne 4000 pixel széles eredetiben.
  3. A saját HTML-blokkokba beillesztett külső szkripteket vedd sorra, és törölj mindent, ami nem aktív.

Shoprenter

  1. Ellenőrizd a sablon képméreteit, és állítsd a kategórialistákat kisebb bélyegképekre.
  2. Vizsgáld át a beépülő modulokat, és tiltsd le a nem használtakat.
  3. A Google Tag Manager konténert tisztítsd meg a lejárt kampánycímkéktől.

Egyedi fejlesztés

  1. Mérd meg a TTFB (Time to First Byte) értéket curl segítségével, és külön a szerver oldali renderidőt.
  2. Kapcsold be a brotli tömörítést és a hosszú Cache-Control fejlécet a statikus fájlokra.
  3. Tedd a fő képet fetchpriority="high" beállításra, és ne lazy-loadold a hajtás feletti tartalmat.
  4. Darabold a JS-bundle-t, és távolítsd el a nem használt kódot.
  5. Fontold meg a CDN (tartalomszolgáltató hálózat) használatát, ha a látogatók földrajzilag szórtan érkeznek.

Gyakori hibák

  • A pontszámra optimalizálás a metrikák helyett: a 100 pont önmagában nem hoz rangsorolási előnyt, a mezei értékek igen.
  • Csak a főoldal mérése: a forgalom nagy része kategória- és termékoldalra érkezik, azok pedig jellemzően lassabbak.
  • A desktop fül nézése: a Google mobil-first indexel, a mobil eredmény a mérvadó.
  • Egyetlen mérés abszolutizálása: a labor eredmény szór, két-három futtatás átlaga a használható szám.
  • A hajtás feletti kép lazy-loadolása: ez közvetlenül rontja az LCP-t, pedig jó szándékú optimalizálásnak indult.
  • Cache-plugin telepítése minden más helyett: ha a szerver alapból lassú, a cache csak elfedi a problémát a visszatérő látogatóknál.
  • A mezei adat hiányának hibaként kezelése: kis forgalmú oldalnál ez normális, nem műszaki probléma.

Technikai példa

A TTFB gyors ellenőrzése parancssorból, cache nélküli kéréssel:

curl -o /dev/null -s -w "dns: %{time_namelookup}s\nconnect: %{time_connect}s\nttfb: %{time_starttransfer}s\ntotal: %{time_total}s\n" https://pelda.hu/

A ttfb érték 800 ms felett szerver oldali problémát jelez. Ilyenkor a képoptimalizálás nem segít, a szerveren vagy a cache-en kell kezdeni.

A hajtás feletti fő kép helyes jelölése. Ez a leggyakoribb LCP-javítás:

<link rel="preload" as="image" href="/img/hero.avif" fetchpriority="high">

<img src="/img/hero.avif"
     width="1200"
     height="630"
     alt="Termékfotó a nyitóképen"
     fetchpriority="high"
     decoding="async">

A width és height megadása megelőzi az elrendezés-ugrálást, tehát a CLS-t is javítja. A loading="lazy" szándékosan hiányzik: a hajtás feletti képnél az késleltetné az LCP-t.

A PageSpeed API-ból mindkét adatforrás lekérhető, így a mérés automatizálható:

curl "https://www.googleapis.com/pagespeedonline/v5/runPagespeed?url=https://pelda.hu/&strategy=mobile"

A válasz loadingExperience kulcsa alatt van a mezei CrUX-adat, a lighthouseResult alatt a labor eredmény.

Gyakori kérdések

Miért más eredményt kapok minden futtatásnál?
A laborteszt egy megosztott Google-szerveren fut, változó terheléssel. A hálózati és CPU-szimuláció miatt futásonként 5-10 pont szórás normális. Mérj legalább háromszor, és az átlagot használd. Ha 20 pontnál nagyobb az ingadozás, az a te szervered vagy egy külső szkript instabilitására utal.
Kell 100 pontot elérni?
Nem. A 100 pont egy laborszám, nem rangsorolási cél. A Google a mezei Core Web Vitals küszöböket nézi: LCP 2,5 s, INP 200 ms, CLS 0,1. Ha ezek zöldek, a pontszám lehet 75 is, és nincs teendő.
Miért nincs valós felhasználói adat az oldalamon?
A CrUX csak akkor közöl adatot, ha elég Chrome-felhasználó mérése gyűlt össze 28 nap alatt. Kis forgalmú oldalaknál ez nem jön össze. Ilyenkor az origin szintű adat még megjelenhet, ha a domain egésze eléri a küszöböt.
Mi a különbség a PageSpeed Insights és a Lighthouse között?
A Lighthouse az az audit-motor, amely a labortesztet futtatja. A PageSpeed Insights ezt a motort használja, és kiegészíti a CrUX mezei adattal. A böngésző DevTools-ában futó Lighthouse a te géped teljesítményét méri, a PageSpeed egy standardizált Google-szervert.
A sebesség javítása után mikor látszik az eredmény?
A labor eredmény azonnal változik, a mezei adat nem. A CrUX 28 napos gördülő ablakot használ, így a teljes hatás körülbelül egy hónap múlva látszik. A Search Console jelentése hasonló késéssel frissül.

Források

Kapcsolódó fogalmak

A te oldaladon hogy áll a(z) „PageSpeed Insights”?

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