A WordPress gyorsítás lépései
- Frissítve: 2022. december 2.
- Szerző: Göbölyös Attila
Kérd az ingyenes felmérést, vagy végezd el magad!
WordPress gyorsítás: Az alapok
Azt azért tudnod kell, hogy a WordPress gyorsítás nem minden tekintettben egyszerű feladat. Lehetséges, hogy szerencséd lesz és egy szimpla gyorsítás bővítmény megoldja a problémád.
Amennyiben a weboldalad saját magad próbálod optimalizálni itt olvashatsz néhány jó tanácsot tőlem.
Előszőr is nem mindegy, hogy milyen beépülő modulokat használsz az oldaladon, sok fejlesztő azt tanácsolja és a fórumokon is egyre több helyen olvasni a következő szent írást:
A WordPress-t nem gyorsítani kell, hanem jó alapokra kell építeni.
Bizonyos értelemben igaz az állítás. Magyarországon azonban nem mindenki fog megfizetni egy szakképzett WordPress fejlesztőt, aki egy optimalizált kódbázis alapján készíti el a honlapodat. (Így biztos, hogy megfelelő alapokkal fog bírni, ez által lényegesen egyszerűbb a WordPress weboldal sebesség optimalizálás minden eszközön.)
Hazánkban népszerű technológia a különféle oldal építők (page builder) használata, gondolom a te oldalad is valamilyen page builder bővítménnyel készült. Nem mindegy azonban, hogy milyen oldal készítőt használsz az oldalad sebessége szempontjából.
Nem megy a téma?
Az oldal építők hátrányban
Az alapvető Core Web Vitals mutatók megjelenésével jelentős hátrányba kerülnek az úgynevezett nehéz oldalak. Nehéz oldalaknak nevezem azokat az oldalépítővel készített lapokat, amelyek rengeteg felesleges stílust és szkriptet töltenek be a weboldal kódbázisába, ezáltal jelentősen meg nő az oldal mérete és a sebesség is csökken. Nem mondom, hogy nem lehet ezeket a weblapokat gyorsítani, csak komoly szaktudást igényelnek.
Tipikus nehéz oldalépítők, amiket kerülni kell:
- Avada
- Beaver Builder
- Divi Builder
- Elementor
- WPBakey
Mit használj, ha csak az oldalépítők jöhetnek szóba?
Több forrásból is elégedettek a sebesség szempontjából a következő oldalépítőkkel (frissítve: 2022):
- A tégla (bricks)
- Generate blocks
- Gutenberg
- Oxygen
- SiteOrigin
Ha teheted, akkor tervezd újra a honlapodat a fenti oldal építők használatával, vagy az új weboldal készítése esetén már ezekkel az építőkkel kezd meg a munkát és lényegesen kevesebb problémád lesz a honlapod optimalizáltsága és a WordPress gyorsítás szempontjából.
Amennyiben nem lehetséges részedről átépíteni a honlapod egy könnyebb oldalépítővel, akkor javaslom, hogy kérj tőlem egy árajánlatot WordPress oldal gyorsításra és kihozom az oldalad sebességéből a maximumot.
Tipp:Tőlem kérheted az oldalépítők eltávolítását. A meglévő dizájn alapján átalakítom vagy átkódolom a weboldalad.
A sebesség garantált.
A lassú bővítmények használata
A WordPress önmagában egy nagyon jól összerakott keretrendszer viszonylag tiszta kód bázissal, nem mondom, hogy nincsenek hibái, ezt a tartalomkezelő rendszert a fejlesztői közösség fejleszti. Elmondható, hogy a WordPress önmagában sebesség szempontjából nagyon jó.
A probléma többek között ott kezdődik amikor szükségünk van olyan új funkciókra, amiket a keretrendszerünk nem tartalmaz. Ilyenkor jön a bővítmények keresése és feltöltése.
A WordPress gyorsításnál a leggyakoribb probléma az, amikor az emberek megpróbálnak lassú bővítményeket futtatni osztott tárhelyen. Különösen igaz ez például a Woocommerce, Divi stb. bővítményekre. Ha feltétlenül szükségesek ezek a plugin – ok akkor mellőzni kell a sima alacsony minőségű osztott tárhelyeket.
Hogyan keresheted meg a lassú bővítményeket?
Egy jó kis eszköz volt erre a feladatra az ingyenes P3 bővítmény, amely megmutatta egyértelműen, hogy melyik plugin zabálja meg az erőforrásokat.
Frissítés: Ne használd ezt! Jelenleg az 1.5.4 verzió elérhetetlenné teszi a weboldalad. Helyette inkább a Query Monitor bővítményt ajánlom.
További lehetőség lehet a lassú bővítmények ki szűrésére a Gtmetrix vízesés nézet. (Szaktudást igényelhet.)
A weboldal betöltődési sebesség javítás egyszerű lépései
- Kersd meg a lassú bővítményt, kapcsold ki azt.
- Keress egy hasonló gyorsabb bővítményt az adott feladatra.
Tipikus lassú bővítmények:
- All-In-One Event Calendar
- Better WordPress Google XML Sitemaps
- Broken Link Checker
- Contact Form 7
- Divi Builder
- Elementor
- Envira Gallery
- ExactMetrics
- Fancy Gallery
- Google Analytics
- Google Language Translator
- Google Translate
- Google XML Sitemaps
- Jetpack
- NextGEN Gallery
- Query Monitor!!!!
- Revolution Slider
- SumoMe
- Thrive
- Ultimate Social Media & Share
- Wordfence
- WP Facebook Like Plugin
- WP Social Share
- WPML
- Yet Another Related Post
További lassú és persze gyors bővítményeket fedezhetsz fel, ha feltelepíted a Chrome böngésződbe a WP Hive bővítményt. Igen a Chrome-ba😊! Nem kell mást tenned ez után csak navigálj el a https://wordpress.org/plugins/ oldalra. Keresd meg a kiszemelt bővítményt és máris látod a teljesítmény adatait.
- Ellenőrizd le az átlagosnak mondható 20 db bővítményed!!
- Biztos, hogy minden bővítmény használatban van?
- Kapcsold ki a nem használt bővítményeket
A képméretek optimalizálása fontos lépés
Ahhoz, hogy a weboldalad forrása minél kisebb legyen szükséges a képeket is tömörítened. A gyors betöltés elősegíthető a kis fájl mérettel.
- Mindig csak akkora felbontású képet tölts fel a média tárba amekkora szükséges
- Használd a Shortpixel bővítményt vagy az Imagify-t
- Hozd létre a Shortpixelben a webp kép formátumot ezzel 40% fájlméret csökkenést érsz el minőség romlás nélkül.
További szükséges lépések
Használd az Autoptimize bővítményt, ez gyakran megtudja javítani a legtöbb megjelenítést gátló problémát.
- Állítsd be a szkriptek és stílusok tömörítését
- Állísd be a szkriptek és stílusok egyesítését
Optimalizáld a Google Font-okat (display:swap)
Sok font esetében használj local font bővítményt: Pl: OMGF
Telepítsd a cache bővítményt
Használd a WP Super Cache bővítményt. A leg erőforrás barátibb ingyenes cache plugin.
- Az „easy” résznél kapcsold be a cache működését
- A fejlett beállításoknál pipáld be az összes ajánlott szekciót
- Állítsd be a cache timeout értéket 86400-ra vagy 43200-ra
- A preload fülön a Refresh preloaded cache értéke legyen egyenlő a cache timeout értékével. kapcsold be az eltöltést
Késleltesd a harmadik fél JavaScript fájlokat a betöltésnél
- Első lépésként készíts egy sebesség tesztet és ellenőrizd a JavaScript végrehajtási időt: itt
- Keresd meg azokat a harmadik féltől származó js fájlokat amiknek a betöltése hosszú időt vesz igénybe (Analytics.js, gtm.js,fbevents.js stb.)
- Használd a késleltetésre a Flying Scripts by WP Speed Matters bővítményt.
- További segítség: itt
Még mindig Lassú a weboldal betöltési sebessége?
A WordPress gyorsítás szolgáltatás megrendelése esetén felmérem a honlapod gyenge, és lassító sarokpontjait. Az árajánlathoz nem kell adnod hozzáférést, a munkát távolról elvégzem. A kialakult képről és a javítási lehetőségekről ingyenes árajánlatot és teljesítmény jelentést kapsz.
A szolgáltatás elvégzése után weboldalad optimális sebességű lesz minden készüléken. Gyakorlatilag a szolgáltatás elvégzése mellett egy WordPress karbantartást is kapsz.
A WordPress gyorsítás összefoglalva lépésekben
1. Tárhely beállítások felülvizsgálata, a szolgáltatás minőségének ellenőrzése
A legelső lépés a tárhely beállítások felülvizsgálata.
- Ellenőrizd a tárhely beállításait, ellenőrizd hogy a a szervered alkalmazza-e a szövegtömörítést.
- Készíts biztonsági mentést.
- Ellenőrizd a webhelyed PHP verzióját és frissíts minimum PHP7.4-re
- Ha van a tárhelyen integrált gyorsítótár akkor kapcsold be azt.
- Ellenőrizd, hogy a választott tárhelyed rendelkezik megfelelő erőforrással a honlapodhoz.
- Ellenőrizd, hogy van elegendő szabad hely a lemezhasználatnál
2. Kihagyhatatlan lépés az adatbázis optimalizáció
Készíts adatbázis biztonsági mentést!
A második lépés a WordPress gyorsítás során az adatbázis rendbetétele. A gyors és megfelelő adatbázis elengedhetetlen egy jó honlap eléréséhez. Ellenőrizd az adatbázis tábláidat és optimalizáld őket! Távolítsd el felesleges töltelék adatokat. Ez által jelentős gyorsulást érünk el az adatbázis lekérdezésekben. Létezik erre egy nagyon jó alkalmazás a https://hu.wordpress.org/plugins/wp-optimize/
Nem megy a téma?
3. WordPress gyorsítás: Felesleges stíluslapok
A képen az Usage Visualization oszlop szemlélteti pirossal jelölve a nem használt stílusokat.
A honlapodon olyan felesleges stíluslapok lehetnek, amelyek nem szükségesek az adott oldal megfelelő betöltéséhez. Ezeket a stílusokat lehetőség szerint távolítsd el az oldal betöltéséből. Tehát ahol nem szükségesek ezek a stílus lapok, ott nem lesznek betöltve.
A további stílusokat pedig optimalizálni és tömöríteni kell oldalak szerint. A képen egy egyszerű WordPress főoldal látható. A legelső sor szemlélteti, hogy az adott stílust letöltöttük a számítógépünkre, de 94,8% át nem használtuk a megjelenítés során.
Ezek a problémák minimalizálhatóak. Kisebb adatmennyiség kerül letöltésre, ezáltal az oldal betöltése lerövidül minden eszközön és mindenféle hálózati kapcsolaton. Többek között ez a legfontosabb lépés a weboldal sebesség javítás során.
A felesleges stíluslapokat a legegyszerűbben a WP Rocket bővítménnyel fogod tudni eltávolítani!
4. A felesleges szkriptek befolyásolják a betöltési időt
- Keress a honlapodon olyan felesleges szkripteket – mini programokat vagy javascipt fájlokat – , amelyek nem szükségesek az oldalad megfelelő működéséhez. (https://pagespeed.web.dev/)
- Ezeket a szkripteket ki kell kapcsolni az adott oldalról vagy késleltetni kell.(Akár az egész bővítményt is ki lehet kapcsolni)
- Továbbá optimalizálnod kell a távoli szükséges szkriptek letöltését és betöltési sebességét. A szükséges szkriptjeidet tömöríteni és optimalizálni kell ezzel újabb értékes adatmennyiséget érsz el, haladsz egy gyorsabb oldal felé.
- Az adott aloldalon szükségtelen bővítményeket a legegyszerűbben a WP-shifty bővítménnyel tilthatod le!
- A WP Rocket segít neked a JS fájlok késleltetésében és az előtöltésében.
5. Betűtípusok és ikonok optimalizálása
- Manapság az oldalak 90%-án távoli, nem helyileg tárolt betűtípusokat használnak. Rendszerint a sablon készítői a Google fonts által kínált betűket alkalmazzák. A lényeg, hogy a betűk típusai egy távoli szerverről töltődnek le.
- A betűtípusokat helyileg kellene tárolni vagy a DNS-ben előtölteni
- Ammennyiben 4 betűtípusnál többet alkalmazol fontold meg ezek redukálását.
A betűtípusok lokális tárolására az OMGF bővítményt ajánlom!
WP Rocket-ban lehetőség van a betűtípusok előtöltésére.
6. Gyorsítótár bekapcsolása
A hatodik lépés a gyorsítótár szolgáltatás telepítése és beállítása. Mindenképpen olyan gyorsítótárazási mechanizmust alkalmazz amelyet a tárhelyed 100% -ban támogat.
A beállítás során vedd figyelembe:
- a honlapod jellegét,
- látogatóinak számosságát,
- az oldal dinamikáját,
- a változtatások rendszerességét.
Amennyiben teheted használd a WP -Rocket bővítményt erre a feladatra. Ellenkező esetben ami biztos kompatibilis lesz az a Wp super cache.
7. Képek optimalizálása
Ha rád is igaz, hogy közvetlen az internetről vagy a telefonoddal készített képeket töltöd fel a weboldaladra, akkor szükséged lesz a képek és videók optimalizálására.
Sajnos a csúcsszuper készülékek óriási fájlokat készítenek.
Használd a Shortpixel bővítményt vagy az Imagify-t.
Készíttess WebP képformátumokat és alkalmazd az a gyorsítóárban.
A weboldalad képein minőségromlás nélkül átlagosan 50% tömörítést lehet végezni. Az oldalnak megfelelő képfelbontás és képformátum alkalmazásával további adatmennyiséget csökkenthetünk. További extra eredményt érhetünk el, ha ezeket a képeket a felhasználói gyorsítótárba helyezzük vagyis hatékony gyorsítótár házirendet alkalmazunk.
Göbölyös Attila CEH, SEO EXPERT
Rendszermérnök & WordPress Developer
Göbölyös Attila vagyok, a weboldal készítés szakértője. Mérnök informatikus, etikus hacker és SEO Szakértő.
Fő szakterületeim:
- Információ biztonság
- Keresőoptimalizálás
- Weboldalkészítés
Teljes körű ügyintézést vállalok a honlapoddal kapcsolatban, neked csak annyi a dolgod, hogy dőlj hátra, és mondj el mindent, amit megálmodtál. Ha nincsenek ötleteid, az sem baj!
A legjobb és a legkorszerűbb szolgáltatást nyújtom, korrekt áron.