Hogyan legyen gyors a weboldal?
Rövid válasz: A gyors weboldal alapjai: optimalizált képek (WebP formátum, lazy loading), gyors tárhelyszolgáltató, CSS/JS minifikálás, böngészőgyorsítótár és CDN. A Google Core Web Vitals (LCP, INP, CLS) 2021 óta rangsorolási tényező.
Core Web Vitals – a három mérőszám
LCP
Largest Contentful Paint
Cél: < 2,5 másodperc
Az oldal legnagyobb látható elem (általában hero kép vagy H1) betöltési ideje. A lassú szerver és nem optimalizált képek emelik.
INP
Interaction to Next Paint
Cél: < 200 milliszekundum
A felhasználói interakcióra (kattintás, billentyű) adott vizuális válasz sebessége. Lassú JavaScript futás emeli.
CLS
Cumulative Layout Shift
Cél: < 0,1
Az oldal elemeinek véletlen elmozdulása betöltés közben. Mérő: 0–1 skálán. Képek fix méret nélkül és web fontok okozzák.
A legfontosabb sebesség-optimalizálási lépések
1
Képek optimalizálása
Képek tömörítése (TinyPNG, Squoosh), WebP formátum használata, lazy loading és megfelelő képméret attribútumok. A képek adják a legtöbb oldal “súlyának“ 60–80%-át.
2
Gyors tárhelyszolgáltató
Olcsó, megosztott tárhelyen a Time to First Byte (TTFB) magas lehet. VPS vagy cloud hosting (Hetzner, Cloudflare Workers, Vercel) jelentős javulást hozhat.
3
CSS és JavaScript minifikálása
A felesleges szóközök, kommentek és unused kódok eltávolítása. Bundlerek (Vite, webpack) ezt automatikusan elvégzik build során.
4
Böngészőgyorsítótár beállítása
Statikus fájlok (képek, CSS, JS) hosszú cache-lifetime beállítása — a visszatérő látogató nem tölti le újra ezeket.
5
CDN (Content Delivery Network)
CDN-ek (Cloudflare, BunnyCDN) a tartalmakat a felhasználóhoz legközelebbi szerverről szolgálják ki, csökkentve a latency-t.
6
Render-blocking erőforrások kezelése
CSS és JavaScript betöltési sorrendjének optimalizálása — critical CSS inlining, JS defer/async attribútumok.
Hogyan mérd a sebesség-pontszámot?
Google PageSpeed Insights
Ingyenespagespeed.web.dev
LCP, INP, CLS pontos mérése mobilra és desktopora, konkrét javítási javaslatokkal.
Google Search Console
Ingyenessearch.google.com/search-console
Core Web Vitals riport az összes oldalra — megmutatja, mely oldalak teljesítenek gyengén.
WebPageTest.org
Ingyeneswebpagetest.org
Részletesebb teljesítmény-elemzés, waterfall diagram, különböző helyszínekről és eszközökről.
Lighthouse (Chrome DevTools)
IngyenesF12 → Lighthouse tab
Performance, Accessibility, Best Practices, SEO pontszámok — helyi mérés a saját gépen.
Gyakori kérdések
Mekkora sebesség-pontszám a “jó“?
A Google PageSpeed Insights 0–100 skálán mér. 90–100: Kiváló. 50–89: Javítást igényel. 0–49: Gyenge. Fontos: a laboratóriumi tesztek (Lighthouse) és a valódi felhasználói adatok (Field Data) eltérhetnek.
Miért lassú a WordPress oldalam?
A leggyakoribb okok: túl sok, nem optimalizált plugin, nagy képek, lassú hosting és nincsen gyorsítótározás (caching). Megoldás: WP Rocket vagy W3 Total Cache beállítása, WP-Smush képoptimalizálás, felesleges pluginok eltávolítása és minőségi hosting.
A Next.js vagy Nuxt.js gyorsabb, mint a WordPress?
Általánosságban igen — a modern JavaScript keretrendszerek (Next.js, Nuxt.js) statikusan generálható oldalakat adnak, amelyek szintén szinte instant betöltési időt nyújtanak. A Up4Ever Nuxt.js-t használ, amely eleve gyors és Core Web Vitals-barát.
Mennyit számít a sebesség a SEO-ban?
Közvetlenül: a Core Web Vitals 2021 óta Google rangsorolási tényező, de nem domináns — a tartalom minőség és backlink profil fontosabb. Közvetetten: a lassú oldal magasabb bounce rate-t és rövidebb oldalon töltött időt jelent, ami negatívan befolyásolja a rangsorolást.
Kapcsolódó cikkek
Kérd ingyenes ajánlatunkat!
24 órán belül személyre szabott ajánlattal keressük meg, teljesen kötelezettség nélkül.