Hogyan gyorsítsd fel a weboldalad: 10 konkrét lépés

A weboldalad felgyorsításához kezdd a legnehezebb elemeknél: tömörítsd és méretezd át a képeket, válassz jó hosztingot, és gondoskodj róla, hogy a fontos szöveg gyorsan betöltődjön. A gyakorlatban a lassúság többsége a túlméretezett képekből és felesleges szkriptekből ered — és ezt te magad is megoldhatod, anélkül hogy fejlesztő lennél. A többi a tiszta kódon és a Google által mért három Core Web Vitals optimalizálásán múlik.

Alább található 10 konkrét lépés, a legegyszerűbbtől (amit már ma magad is megtehetsz) a legtechnikaibbig (amihez valaki, aki a kódban dolgozik, szükséges).

Miért számít a sebesség, dióhéjban

Az a látogató, aki túl sokat vár, egyszerűen elmegy. Egy lassú oldal kevesebb megkeresést, kevesebb eladást jelent, és negatív jelzést küld a Google-nak, amely szívesebben mutatja a gyorsan betöltődő oldalakat a találatok között. Nem kell a világ leggyorsabb oldalának lenned — csak arra kell ügyelned, hogy ne te legyél az a lassú oldal, amelynél az emberek feladják.

Mik azok a Core Web Vitals mutatók?

Ez három mérőszám, amelyet a Google a valós felhasználói élmény mérésére használ:

Ezeket ingyenesen ellenőrizheted a PageSpeed Insights oldalon (pagespeed.web.dev), ha beírod a weboldalad címét. Emellett konkrét listát is ad arról, mit kell javítani.

A 10 konkrét lépés

1. Méretezd át a képeket feltöltés előtt. A leggyakoribb hiba: egy 4000 px széles fotó egy 600 px-es helyre kerül. Vágd le a tényleges megjelenítési méretére, mielőtt feltöltöd. Ez önmagában felére csökkentheti a betöltési időt.

2. Tömörítsd és használj modern formátumot. Mentsd a képeket WebP (vagy AVIF) formátumban a régi JPG/PNG helyett — ugyanolyan minőség, sokkal kisebb fájl. Ingyenes eszközök: Squoosh vagy TinyPNG. Ezt te magad is megcsinálhatod.

3. Töltsd be a képeket "lazy" módon. A lejjebb található képeknek, amelyeket az emberek csak görgetéskor látnak, nem kell azonnal betöltődniük. Ezt a `loading="lazy"` attribútum oldja meg. Sok WordPress sablon automatikusan hozzáadja.

4. Válassz jó hosztingot, közel az ügyfeleidhez. Az olcsó, túlzsúfolt hoszting lassan tartja az oldaladat, bármi mást is optimalizálsz. Egy helyi oldal esetében egy gyors, a régiódban található szerver gyorsítótárazással azonnali különbséget jelent. Megéri a befektetést.

5. Adj hozzá egy CDN-t. Egy CDN (a Cloudflare-nek van ingyenes csomagja) lemásolja az oldaladat a világ különböző pontjain lévő szerverekre, így minden látogató a hozzá közeli szerverről kapja meg. Emellett a biztonságban is segít.

6. Kapcsold be a gyorsítótárazást (caching). A caching eltárolja a kész, felépített oldalt, így a szervernek nem kell minden alkalommal újra felépítenie. WordPress-en egy caching plugin (pl. WP Rocket, LiteSpeed Cache) látható ugrást ad. Egy modern, megfelelően épített oldalon a caching már eleve benne van.

7. Dobd ki a felesleges pluginokat és szkripteket. Minden plugin, minden betűtípus, minden chat vagy tracker olyan kódot ad hozzá, amelyet be kell tölteni. Takaríts: kapcsold ki, amit nem használsz. A tiszta kód azt jelenti, hogy kevesebbet kell letölteni.

8. Csak azokat a betűtípusokat töltsd be, amelyekre szükséged van. Nincs szükséged 6 betűvastagságra. Válassz ki 2-t, ha lehet, tárold őket helyben, és kerüld, hogy külső forrásból húzd be őket — ez blokkolja a szöveg megjelenítését.

9. Minifikáld és halaszd el a szkripteket. Itt lépsz be a technikai zónába: a "minifikálás" eltávolítja a felesleges szóközöket a kódból, a halasztás (`defer`) pedig lehetővé teszi, hogy a szöveg megjelenjen, mielőtt a nehéz szkriptek elindulnak. A caching pluginok ennek egy részét automatikusan elvégzik; a többihez valaki, aki ért a kódhoz, szükséges.

10. Mérj, javíts, mérj újra. Futtasd le a PageSpeed Insights-ot, alkalmazz 2-3 javaslatot, majd ellenőrizd újra. A sebesség nem "egyszeri és kész" dolog — ez egy rövid rutin, amelyet ismételsz.

Amit már ma magad is megtehetsz

Ha nem vagy technikai beállítottságú, foglalkozz az 1., 2., 3., 5. és 7. ponttal — méretezd át és tömörítsd a képeket, adj hozzá ingyenes Cloudflare-t, és takarítsd ki a pluginokat. Ezek ingyenesek, és a problémák többségét megoldják. A többihez (tiszta kód, minifikálás, szkriptek halasztása, hoszting átköltöztetése) valaki, aki a kódban dolgozik, szükséges.

Mikor éri meg szakembert bevonni

Ha kipróbáltad a fenti lépéseket, és a PageSpeed még mindig alacsony pontszámot ad, vagy ha az oldal régi és "túlterhelt", gyakran olcsóbb tisztán újraépíteni, mint végtelenül foltozgatni. Egy új, a nulláról megfelelően felépített oldal már eleve gyorsan indul — nálunk egy Landing 290 € és 490 € között kerül, egy Bemutatkozó oldal pedig 490 € és 890 € között. A sebesség nagyban attól függ, hogyan épül fel az alapoktól kezdve — nézd meg azt is, hogy mennyibe kerül egy weboldal. És ha a sebesség számít a környékeden lévő ügyfelek számára, ez szorosan kapcsolódik a helyi SEO-hoz és ahhoz, hogy miért van szükséged weboldalra.

Szeretnéd pontosan tudni, mi lassítja az oldaladat? Írj nekünk WhatsAppon a wa.me/40750257140 címen, és készítünk egy ingyenes bemutatót, amelyben megmutatjuk, mit kell konkrétan javítanod.