„Hogyan csökkenthetném le WordPress weboldalam betöltődési idejét?”
Ez az egyik leggyakrabban ismételt kérdés a Földön, rögtön a „Hogyan legyek gazdag?” és a „Mit tehetnék kopaszodás ellen?” után.
Sokan azt hiszik, hogy a Wordpress egy eredendően lomha monstrum, ami már csak a puszta létezése okán is lassú. Ez ugyan nem állja meg a helyét, viszont a rossz fejlesztői szokások beárnyékolják az egyébként jól optimalizálható rendszer jóhírnevét.
A következő rövid cikkben hoztunk nektek 5 pontot, amiket minden esetben érdemes betartani, ha WordPress oldal üzemeltetésére adjuk a fejünk.
Lássunk neki!
1. Optimalizáljuk a médiafájlokat
Gyakran találkozunk azzal a hibával, hogy a weboldalak indokolatlanul nagy képeket használnak, lassítva az oldal betöltődését. Általános ökölszabály, hogy ne töltsük fel a képet a szükségesnél nagyobb méretben
Gyakran elkövetett hibák közé tartozik, hogy a szerkesztők a képeket minden méretezés nélkül feltöltik, függetlenül attól, hogy az adott kép a dizájnban mekkorában jelenik meg.
A Beállítások / Média / Képméretek menüpontban állítsd be azt a méretet, ami a sablonodnak megfelelő.
Megfelelő tömörítést használjunk
Sok esetben tömöríthetők úgy a képek, hogy az emberi szem nem képes észrevenni a minőségromlást, viszont esetenként ugrásszerű (akár ~60% körüli) méretcsökkenést is képesek lehetünk elérni. Legjobb eszköz erre az Optimizilla, amely használatát alább ismertetjük.
Nagyon egyszerűen az "Upload files" gombra kattintva (vagy az alább látható kijelölt felületre húzva) tömegesen feltöltheted a képeid, majd a rendszer automatikusan el is készíti a legoptimálisabb kompromisszumot a képméret és képminőség közt. A tömörítés ajánlott mértékét feltöltés után meg is jeleníti, mellyel, ha nem vagy elégedett, tetszés szerint finomhangolhatod. Szabadon állíthatod a kép színtelitettségét, mellyel újabb százalékokat és kilobájtokat tudsz lefaragni a kép méretéből. Külön segítség, hogy a képen látható csúszka segítségével tudod ellenőrizni, hogy az eredeti képhez képest (bal oldalt) keletkezett-e látható minőségromlás. Kiváló eszköz!
Miután ezt minden képen elvegeztük, a "Download all" gombra kattintva le is tölthetjük egyben az egészet, ZIP formátumban.
A tömörítések kívül törekedjünk arra is, hogy mindenhol a megfelelő képformátumot használjuk. Ahol nincs átlátszóság, nem indokolt, a PNG, használjunk JPG-t. Ahol megoldható, haználjunk vektoros képeket, ábrákat az illusztrációkhoz.
2. Gyorsítótár használata
Nagyban felgyorsíthatja a rendszerünk, ha élünk a gyorsítótárazás lehetőségével. Ilyen eszközök használatával például azt érhetjük el, hogy a gyorsítótárazott tartalmakról készül egy statikus, adatbázis kapcsolatot, szerver számítási kapacitást igénybe nem vevő változat, ami – amíg ez a változat nem évül el – gyorsabb betöltődést tesz lehetővé. Kiváló cache megoldás lehet a WP Total Cache.
A W3 Total Cache egy gyorsítótárazó WordPress bővítmény, amely számos hasznos funkcióval segít felturbózni a weboldalad teljesítményét. Telepítés előtt inaktiváld az esetlegesen futó egyéb cache pluginokat, elkerülendő, hogy azok összeakadjanak. Ezután telepítsd és aktiváld a W3 Total Cache bővítményt a WordPress admin felületén keresztül.
Menj a Bővítmények > Új hozzáadása menüpontra a WordPress admin felületen. Keresd meg a “W3 Total Cache” bővítményt, kattints a "Telepítés", majd, ha az kész, az "Aktiválás" gombra, és már települt is.
Legfontosabb beállítások:
-
Page Cache: Engedélyezd az oldal gyorsítótárazást.
-
Minify: CSS, JS és HTML fájlok tömörítése a kisebb méretért.
-
Browser Cache: Állítsd be a böngésző gyorsítótárat, hogy a visszatérő látogatóknál gyorsabb legyen a betöltés.
-
CDN integráció (ha használsz CDN-t, pl. Cloudflare).
-
Database Cache és Object Cache nagy forgalmú weboldalaknál.
3. Bővítmények
Tudom-tudom, szinte mindenre van már előre elkészített bővítmény és nagyon egyszerű megoldásnak tűnhet minden felmerülő problémát külön pluginnal megoldani, de mint mindennel, ezzel is csínyán kell bánni, mert könnyen weboldal lassuláshoz vezethetnek (többek közt).
Nem arról van szó, hogy indokolt esetben ne használjuk őket, de ne essünk át a ló túloldalára. Gyakran látom azt, hogy a fejlesztő a legapróbb, pár órás fejlesztést igénylő problémákat is valamilyen csodaplugin használatával oldja meg, miután a kész termék lassú lesz, de cserébe legalább hemzsegni fog a biztonsági résektől.
Mi a probléma az ilyen szemlélettel?
- betöltési idő lassulása,
- biztonsági rések keletkezése,
- tákolt, nem egységes felületek, kódkészlet,
- adatbázisszemét felhalmozódása
Félreértés ne essék, semmi baj nincs a pluginok használatával, de érdemes mérlegelni, hogy vajon szükséges-e minden szöget egy külön-külön bővítménnyel beverni.
4. Adatbázis(ok) karbantartása
A bővítményekről szóló bekezdésben már szó volt az adatbázisszemét felhalmozódásáról, de mit is jelentenek ezek?
A bővítmények, a működésükhöz létrehoznak adatbázis táblákat, oszlopokat, sorokat, amik sajnos nem minden esetben törlődnek a plugin törlése esetén. Anélkül, hogy mélyebben belemennénk kijelenthetjük, hogy ez a szemét hátrányosan befolyásolja az oldal válaszidejét.
Könnyű elképzelni, hogyha össze-vissza telepítgetjük a bővítményeket, akkor jelentős mennyiségű szemét gyűlik össze, ami pedig akár mérhető teljesítményromláshoz is vezethet.
Tehát, ha az oldalunk optimalizálásán dolgozunk, célszerű ezt a megfelelő eszközök használatával kiküszöbölni.
Példa ilyen eszközre: WP Optimize
5. Válasszunk jó tárhelyszolgáltatót
Ha már a képek, és egyéb médiafájlok megfelelő méretűek, a szükségtelen plugin-októl is megszabadultunk, nincs adatbázisszemét, viszont a weboldalunk még mindig nem a megfelelő gyorsasággal tölt be, akkor érdemes egyet hátralépni, és számításba venni azt, hogy egy komolyabb tárhelykonstrukciót válasszunk. Ma már nagyon jó SSD tárhelyek vannak, nagyon jó válaszidőkkel, ha ez a kérdés felmerül, érdemes szakember véleményét kérni.
Összefoglalva
Keresd mindig a legegyszerűbb megoldást. Mindenre van plugin, de néha 1-2 sor egyedi fejlesztéssel ezeket ki lehet váltani. A sallangmentes, letisztult megoldások egyébként is általában meghálálják magukat.