Google PageSpeed mobil 90+ pontszám 2026: 12 lépés, ami az új Google Search-rangsoroláshoz kell magyar weboldalakon.
A Google szigorítja a sebesség-rangsorolást. 2026-ra a mobil PageSpeed 90+ pontszám gyakorlatilag az alap a Google első oldalára kerüléshez. Itt a 12 lépés magyar piacra, valós gyakorlattal.
A weboldalak 60-70%-a kép-méret. Modern formátumok (AVIF, WebP) 30-70%-kal kisebbek mint JPEG. Webshopnál: minden termékfotó AVIF + WebP fallback. Magyar webshopok 90%-a még nem ezt csinálja — gyors versenyelőny. Saját szerveren `sharp` vagy `cwebp`, vagy Cloudinary / Vercel Image. Mobilra külön kisebb verziók (responsive images).
A magyar webshopok átlagos JavaScript-mérete 800 KB – 2 MB. A Google célja: 50 KB első betöltés, 200 KB teljes. Hogyan: kód-szétválasztás (code splitting), lusta betöltés (lazy loading), tree-shaking. WordPress + bővítmények tipikusan rosszul kezelik — váltás Next.js-re vagy Astro-ra 200-500 KB-ra csökkent.
Az első képernyőn látható tartalom CSS-ét közvetlenül a HTML-be építjük (inline). A többi CSS aszinkron töltődik. Ez a 'render-blocking' problémát szünteti meg — a betöltés 0,5-1,5 másodperccel gyorsabb. Critters vagy Penthouse generálja automatikusan.
Google Fonts gyakran lassú. Megoldás: önálló hostingba helyezni (next/font, Google Fonts proxy), preload-olni a kritikusakat, font-display: swap, csak a használt karakter-tartomány letöltése (latin-ext magyar betűkre).
Magyar webhosting (Tárhely.eu, Magyar Hosting) gyakran lassú, nincs CDN. Modern: Vercel (USA + EU edge), Cloudflare (EU edge), Hetzner (Németország + saját CDN). Magyar piacra: a Cloudflare EU-edgéje (Frankfurt) kb. 30 ms latencia Budapestről, gyorsabb mint a magyar tárhely.
Statikus fájlokra (kép, CSS, JS) Cache-Control: max-age=31536000, immutable. HTML-re short cache (5-30 perc) revalidate-tel. CDN-en stale-while-revalidate. Webshop termékoldalra ISR (Incremental Static Regeneration) vagy edge cache.
Cumulative Layout Shift (CLS) — ha a tartalom mozog betöltés közben. Megoldás: minden kép és videó kapjon explicit width / height (vagy aspect-ratio). Hirdetés-blokkok kapjanak min-height. Betűtípus-csere okozta ugrást font-display: optional vagy size-adjust kezeli.
2024-ben az FID-t lecserélte az INP. A Google méri, mennyi idő telik el egy kattintástól a látható reakcióig. 200 ms alatt jó. JavaScript-okos kezelése: nehéz műveletek webworkerre, lusta hidratálás (lazy hydration), useTransition (React 18+).
Google Analytics, Facebook Pixel, Hotjar, Crisp chat — mindegyik 50-200 KB. Mind aszinkronra. Egyik helyett másik (Plausible / Fathom helyett GA, Tawk.to helyett Crisp). NAIH-szempontból is jobb az EU-s alternatíva.
<link rel="preload"> a kritikus erőforrásokra (fő kép, betűtípus). <link rel="prefetch"> a következő oldalakra (a felhasználó valószínűleg odakattint). Speculation Rules API a Chrome-ban: a következő oldal előre betölt, kattintás után pillanatok alatt megjelenik.
HTTP/2 multiplexed kapcsolat egy TCP-n. HTTP/3 (QUIC) UDP-alapú, gyorsabb kapcsolat-felépítés. Magyar piacon: Vercel, Cloudflare, Bunny.net mind támogatja. Magyar tárhelyek általában HTTP/1.1 — 2024 óta már elavult.
PageSpeed Insights (a Google ingyen ad), Lighthouse (Chrome DevTools), Vercel Analytics, Cloudflare Web Analytics. Tényleges magyar felhasználói élmény: WebPageTest a Frankfurt-szerverről (legközelebb Budapest), DebugBear, vagy saját Real User Monitoring (RUM).
Ha a webshop mobil PageSpeed-pontszáma 70 alatt van (Google ezt 'rossz'-nak minősíti) és nem tudod, hol kezdj: foglalj egy 30 perces hívást — átnézzük a jelenlegi mérést, és kapsz írásban prioritást-listát + becslést.
Alapító, DField Solutions
Olyan rendszereket építettem és üzemeltettem, amiket nap mint nap valódi cégek használnak — pénzügytől a blockchain-ig, kezdő startuptól nagyobb cégig.
Beszéljünk a projektedről. 30 perc, nincs kötelezettség.