WordPress gyorsítása: gyorsítótár, képek, bővítmények

A sebesség nem csak kényelem: a lassú oldalt a látogatók hamarabb elhagyják, és a keresők is figyelembe veszik a felhasználói élményt. A jó hír, hogy a legtöbb javítás nem igényel programozást.

1. Először mérjen#

Változtatás előtt mérje meg, hol tart, különben nem fogja tudni, mi segített. Ingyenes eszköz például a Google PageSpeed Insights, amely a valós felhasználói adatok (ha vannak) mellett laboratóriumi mérést is ad, és konkrét javaslatokat sorol fel.

A Google három fő mutatót (Core Web Vitals) használ:

2. Kapcsolja be a gyorsítótárat#

A WordPress alapesetben minden oldalletöltéskor PHP-kódot futtat és adatbázist kérdez le. Az oldal-gyorsítótár (page cache) egyszer elkészíti a kész HTML-oldalt, és a következő látogatóknak azt adja ki, ami sokkal kevesebb munka a szervernek. A WordPress dokumentációja szerint egy viszonylag statikus oldalnál ez akár többszázszoros gyorsulást is hozhat.

• Használjon egy megbízható gyorsítótár-bővítményt; kettő egyszerre többet árt, mint használ.
• Bejelentkezett felhasználóknak, kosárnak és pénztár-oldalnak a gyorsítótár-bővítmények általában nem adnak ki tárolt oldalt; webshopnál ellenőrizze, hogy ez így legyen.
• A böngésző-gyorsítótár (cache-fejlécek) arra jó, hogy a visszatérő látogató ne töltse le újra a képeket, stíluslapokat.

3. Bánjon okosan a képekkel#

A legtöbb lassú oldalon a képek a fő ok. Itt a legnagyobb a nyereség a legkisebb kockázattal:

1. Ne töltsön fel óriási képeket. Egy telefonnal készült fotó gyakran több ezer pixel széles, a weboldalon viszont jóval kisebben jelenik meg. Feltöltés előtt méretezze le (például 1600–2000 pixel szélesre egy teljes szélességű képhez).
2. Tömörítsen. Egy képtömörítő bővítmény vagy feltöltés előtti tömörítés a látható minőség romlása nélkül is sokat csökkenthet a méreten.
3. Használjon modern formátumot. A WordPress az 5.8-as verzió óta támogatja a WebP, a 6.5-ös verzió óta az AVIF formátumot. Az AVIF-hez az is kell, hogy a szerver képfeldolgozó könyvtára támogassa.
4. Lusta betöltés. A WordPress az 5.5-ös verzió óta magától loading="lazy" jelölést tesz azokra a képekre, amelyeknek van szélessége és magassága. Így a hajtás alatti képek csak akkor töltődnek be, amikor a látogató odagörget.
5. Adjon meg méretet. A szélesség és magasság megadása megakadályozza, hogy betöltés közben ugráljon az oldal (CLS).

4. Kevesebb bővítmény, jobb bővítmények#

Nem a bővítmények száma a döntő, hanem az, hogy mit csinálnak. Egy rosszul megírt bővítmény minden oldalletöltést lassíthat.

• Kapcsolja ki és törölje, amit nem használ. A kikapcsolt, de fent hagyott bővítmény biztonsági kockázat is.
• Ha nem tudja, melyik lassít, a Query Monitor bővítmény megmutatja, melyik bővítmény mennyi adatbázis-lekérdezést és időt használ. A vizsgálat után kapcsolja ki.
• Az oldalépítő (page builder) bővítmények és a sok animációs funkciót kínáló sablonok gyakran sok kódot töltenek be. Ha új oldalt épít, a könnyebb sablon és a WordPress blokkszerkesztője jó kiindulópont.

5. Használjon friss PHP-verziót#

Az újabb PHP-verziók általában gyorsabbak és biztonságosabbak a régieknél. A WordPress.org jelenleg a PHP 8.3 vagy újabb verziót ajánlja. Váltás előtt nézze meg, hogy a sablonja és a bővítményei támogatják-e az új verziót, és ha a váltás után hibát lát, álljon vissza az előzőre.

6. Tartsa rendben az adatbázist#

Idővel az adatbázisban sok felesleges adat gyűlik össze: bejegyzés-változatok (revíziók), lomtárba tett tartalmak, lejárt ideiglenes adatok, spam-hozzászólások. Ezek ritkán okoznak drámai lassulást, de egy rendrakás nem árt.

A megőrzött revíziók számát a wp-config.php fájlban korlátozhatja:

define( 'WP_POST_REVISIONS', 5 );

Adatbázis-tisztító bővítmény használata előtt mindig készítsen mentést.

7. Figyeljen a külső tartalmakra#

Minden külső forrásból betöltött elem (betűtípus, beágyazott videó, térkép, közösségi média, csevegőablak, analitika) külön kapcsolatot és letöltést jelent, és a látogató adatait is továbbíthatja. Kérdezze meg magától, mindegyikre szükség van-e. A betűtípusokat például saját tárhelyről is kiszolgálhatja, a videókhoz pedig elég lehet egy kép, amely kattintásra tölti be a lejátszót.

8. Lépésenként változtasson#

1. Készítsen mentést.
2. Változtasson egy dolgot.
3. Nézze meg, hogy minden működik-e (menük, űrlapok, webshopnál a kosár és a pénztár).
4. Mérjen újra, és jegyezze fel az eredményt.

Ha a gyorsítótár és a fájlösszevonás (minify) egyszerre túl agresszív, elromolhat a menü vagy egy űrlap. Ilyenkor kapcsolja vissza az utolsó beállítást.

Gyakori kérdések#

Melyik gyorsítótár-bővítményt válasszam?#

Olyat, amely aktívan karbantartott, jó értékelésű a WordPress.org bővítménytárában, és amelyet a sablonja és a többi bővítménye mellett tesztelt. Ha a tárhelyszolgáltatója szerveroldali gyorsítótárat kínál, kérdezze meg, melyik bővítmény működik vele együtt.

Segít egy CDN?#

A CDN (tartalomkézbesítő hálózat) a statikus fájlokat a látogatóhoz közelebbi szerverekről szolgálja ki. Ha a látogatói többsége egy országban van, a nyereség kisebb, mint a képek és a gyorsítótár rendbetételéé. Külső szolgáltatásként adatvédelmi szempontból is mérlegelni kell.

Miért gyors a mérés, de lassú az oldal a látogatóknál?#

A laboratóriumi mérés egy gyors gépen és hálózaton fut, a valódi látogatók viszont gyakran régebbi telefonról és mobilinternetről érkeznek. Ezért fontosak a PageSpeed Insights valós felhasználói adatai, ha az oldalnak elég látogatója van ahhoz, hogy ilyenek rendelkezésre álljanak.