A lassú WooCommerce áruházak többféleképpen is pénzbe kerülhetnek, a kosárelhagyások növekedésétől a vásárlói hűség elvesztéséig. Az Unbounce szerint a fogyasztók közel 70%-a állítja, hogy az oldal sebessége befolyásolja a vásárlási szándékukat egy online áruházban. A probléma az, hogy a sebesség számos tényezőtől függ, és a javítása sok időt és erőfeszítést igényelhet.
A Portent szerint a weboldalak konverziós rátái átlagosan 4,42%-kal csökkennek minden egyes másodperccel, amíg egy oldal betöltődik a 0 és 5 másodperc közötti időtartományban, a 0 és 2 másodperc közötti betöltési idejű oldalak pedig a legmagasabb e-kereskedelmi konverziós rátákkal rendelkeznek.
Ha a webhelye betöltési sebessége meghaladja a 2-3 másodpercet, akkor ez a cikk Önnek szól. Itt számos bevált tippet talál a mérésre és az e-kereskedelmi webhely teljesítményének javítására.
Miért számít a sebesség?
A webhely sebessége kritikus eleme minden online vállalkozás sikerének, beleértve a WooCommerce áruházakat is, több okból:
Felhasználói élmény:
Az internethasználók figyelme általában rövid ideig tart. A lassú betöltési idők azt eredményezhetik, hogy a látogatók elhagyják a webhelyét, még mielőtt az teljesen betöltődne. Ezzel szemben egy gyors webhely megkönnyíti a navigációt, arra ösztönözve a felhasználókat, hogy több oldalt fedezzenek fel és tovább maradjanak.
SEO és rangsorolás:
Az oldal sebessége az egyik legfontosabb rangsorolási tényező a Google számára. Az olyan metrikák, mint a Largest Contentful Paint (LCP), a First Input Delay (FID) és a Cumulative Layout Shift (CLS) a Google rangsorolási tényezőinek részét képezik. A gyorsabb webhelyeknek nagyobb esélyük van arra, hogy magasabbra kerüljenek a keresőmotorokban. A mobilkeresés térnyerésével a mobiloldal sebessége is jelentősen befolyásolja a SEO-t.
Költséghatékonyság:
Az optimalizált, gyorsabb webhelyek általában kevesebb sávszélességet fogyasztanak, és alacsonyabb tárhelyköltségeket eredményezhetnek. A gyorsabb oldalak fenntartása is kevesebb időt és erőfeszítést igényel.
Mobilfelhasználók:
Mivel egyre több felhasználó éri el a webhelyeket mobileszközökön, ahol a kapcsolati sebesség lassabb lehet, az optimalizált webhelysebesség még fontosabbá válik. A lassú betöltés még problémásabb lehet a mobileszközökön, és magasabb visszafordulási arányhoz vezethet.
Globális elérés:
A különböző régiókból származó, eltérő internetsebességgel rendelkező felhasználók egységes élményben részesülhetnek, ha a webhelye sebességre van optimalizálva. A gyorsabb webhelyek előnyösek, ha globális közönséget céloz meg, és tartalomkézbesítő hálózatot (CDN) használ a lokalizált tartalom kiszolgálására.
Hogyan értékeljük az áruház jelenlegi sebességét?
Mielőtt elkezdené a fejlesztési folyamatot, meg kell határoznia, hogy hol áll most, és ki kell derítenie az áruház jelenlegi sebességét, valamint azt, hogy milyen problémák lassíthatják le a webhelyét. Íme néhány módszer és eszköz, amellyel értékelheti WooCommerce webhelye sebességét:
Közvetlen tesztelőeszközök
Ezek az eszközök közvetlenül tesztelik a webhelye teljesítményét azáltal, hogy a világ különböző pontjairól töltik be, különböző eszközöket és kapcsolati sebességeket szimulálva:
- Google PageSpeed Insights: Mobil- és asztali sebesség-betekintést is nyújt. WooCommerce optimalizálási javaslatokat is ad.
- GTmetrix: Részletes elemzést végez, beleértve a vízesésdiagramot, ajánlásokat és különböző pontszámokat.
- WebPageTest: Részletes információkat nyújt, mint például a sebességindex, az első bájtig eltelt idő és még sok más.
Böngésző fejlesztői eszközök
Ezek a modern böngészőkbe beépített megoldások lehetővé teszik a fejlesztők számára a webhelyek vizsgálatát, hibakeresését és profilozását:
- Chrome DevTools: Használja a Hálózat és Teljesítmény lapokat a webhely sebességének elemzéséhez.
- Firefox fejlesztői eszközök: Ezek az eszközök lehetővé teszik a fejlesztők számára a weboldalak vizsgálatát, hibakeresését és profilozását, segítve őket a webhelyek viselkedésének és szerkezetének megértésében.
Szerveroldali eszközök
Ezek az eszközök segíthetnek azonosítani azokat a szerveroldali problémákat, amelyek nem feltétlenül nyilvánvalóak a frontend tesztelőeszközökkel:
- New Relic: Mély betekintést nyújt a szerver teljesítményébe, jó a háttérben lévő szűk keresztmetszetek felderítésére.
- Naplóelemzés: Elemezze a szervernaplókat a problémák felderítéséhez.
Bővítményalapú ellenőrzések
A bővítmények kényelmes és hatékony módot kínálhatnak a WooCommerce áruház teljesítményének különböző szempontjainak figyelemmel kísérésére közvetlenül a WordPress adminisztrációs területéről. Íme néhány népszerű bővítményalapú megközelítés:
- Query Monitor: Egy WordPress bővítmény, amellyel ellenőrizheti, hogy mely lekérdezések lassítják le a webhelyét.
- WP Debugging: Engedélyezi a WordPress hibakeresési funkcióit a problémák ellenőrzéséhez.
Valós felhasználói monitorozás
A valós felhasználói monitorozás (RUM) egy teljesítményfigyelési megközelítés, amely rögzíti és elemzi a webhely vagy alkalmazás felhasználóinak minden egyes tranzakcióját. A szintetikus monitorozási módszerekkel ellentétben, amelyek a felhasználói viselkedést szimulálják, a RUM a tényleges felhasználók webhelyével való interakcióiból gyűjt adatokat.
Általában egy kis JavaScript-kódot ad hozzá a webhelyéhez, amely összegyűjti és elküldi a teljesítményadatokat egy szerverre elemzés céljából. A legtöbb RUM eszköz így működik, bár a konkrét megvalósítási részletek változhatnak. A RUM-hoz hasznos eszközök közé tartozik a New Relic Browser, a Boomerang, az Akamai mPulse és mások.
14 módszer a WooCommerce áruház sebességének növelésére
Most, hogy ismeri a jelenlegi betöltési sebességet és a fennálló problémákat, felépíthet egy optimalizálási stratégiát. Ne feledje, hogy valószínűleg a webhely több aspektusát is javítania kell a nagyszerű WooCommerce áruházsebesség eléréséhez. Emellett időnként ellenőriznie kell a sebességet, mivel az idővel lelassulhat. Íme néhány tanács, hogyan növelheti webhelye teljesítményét:
Találjon megbízható tárhelyet
Míg a helytelen választás elégedetlen ügyfeleket és elvesztett üzletet eredményezhet, az ideális WooCommerce webtárhely szolgáltatás garantálhatja a hibátlan teljesítményt, a gyors betöltési időt és a következetes rendelkezésre állást.
Minden tárhelytípus különböző csomagokban, különböző árpontokon érhető el. Ezért, amikor a költségvetésének megfelelő tárhelyszolgáltatót keres, vegye figyelembe az olyan funkciókat, mint a szerveroldali gyorsítótárazás, a webhely igényeinek megfelelő sávszélesség és RAM, a nagy teljesítményű SSD-tárolás, valamint a frissített szoftverek, mint például a PHP és a MySQL.
Ha megosztott tárhelycsomagja van, az azt jelenti, hogy több száz webhely használja ugyanazt a szervert és annak erőforrásait. Válasszon olyan tárhelyszolgáltatót, amely korlátozza az egyes szervereken engedélyezett webhelyek számát, vagy fontolja meg a VPS vagy dedikált csomagra való frissítést.
Optimalizálja a teljesítménybeállításokat
Először is változtassa meg a bejelentkezési oldal URL-jét. A bejelentkezési URL általában alapértelmezett és mindenki, beleértve a hackereket is, ismeri, ami sebezhetővé teszi a webhelyeket a támadásokkal szemben.
A bejelentkezési URL egyedi megváltoztatásával elkerülheti a rosszindulatú szereplők brute force támadásait. Használhatja a rate-limiting HTTP problémák megelőzésére is.
Ha az e-kereskedelmi webhelye blogot is tartalmaz, korlátozza a bloghírcsatornában megjelenő bejegyzések számát. Ha népszerű blogot kezel, a teljesítmény-megtakarítások összeadódnak. Ezeket a módosításokat a WordPress irányítópultjának Olvasási beállításaiban végezheti el.
Képernyőkép a hivatalos WordPress webhelyről
Ezután kapcsolja ki a pingbackeket a webhelyén. Általában spamet generálnak. A WordPress lehetőséget ad arra is, hogy a nagyméretű felhasználói megjegyzéseket kisebb részekre ossza, ha sok felhasználói megjegyzése van a cikkein vagy oldalain. A termékoldal betöltési idejének csökkentése érdekében tartsa ezt az értéket 10 és 20 között.
Gondolja át a bővítmények és kiterjesztések használatát
A WooCommerce-hez rengeteg bővítmény létezik, amelyek korlátlan sokoldalúságot biztosítanak. Ez azonban nem jelenti azt, hogy mindegyiket telepítenie kell.
Számos bővítmény növeli a Javascript vagy CSS fájlok mennyiségét a webhelyén, ami több HTTP kérést okoz a szerverének, lelassítva a vállalkozás működését. Ezenkívül a több bővítmény több szervererőforrást használ, ami lelassítja a betöltési időt.
Nem az számít, hogy hány bővítményt használ, hanem a minőségük. Válasszon olyan bővítményeket, amelyek több feladatot is el tudnak látni, olvassa el a véleményeket a teljesítményről, győződjön meg róla, hogy gyakran frissítik őket, és telepítsen opciókat megbízható forrásokból.
Szerezzen be egy gyors e-kereskedelmi témát
Gyakran előfordul, hogy egy e-kereskedelmi téma kiválasztásakor a webdesignerek az esztétikát választják anélkül, hogy figyelembe vennék, milyen gyorsan töltődnek be az oldalak. Ennek eredményeként a frontend megjelenése gyakran elsőbbséget élvez az oldal betöltési sebességével szemben.
A betöltési idő optimalizálása érdekében válasszon egy könnyű és teljesítményre optimalizált WooCommerce témát. Győződjön meg róla, hogy a téma reszponzív és tiszta kódbázissal rendelkezik.
Ne feledje azt sem, hogy sok téma lehetővé teszi a nem használt elemek letiltását is. Annak megállapításához, hogy egy téma gyorsan betöltődik-e, próbálja meg a sebességmérő eszközökkel tesztelni a demó oldalakat, vagy böngéssze a felhasználók által hagyott véleményeket.
Tömörítse a képeket
Alapvető fontosságú a képek méretének csökkentése, mielőtt feltöltené őket a webhelyére, mivel a nagyméretű képek drámaian lelassítják az oldalak betöltési sebességét. A képek megfelelő méretre skálázásához használjon olyan szoftvereket, mint a Photoshop, a GIMP vagy a Figma.
A fényképek fájlmérete csökkenthető a minőség romlása nélkül a tömörítéssel. Válassza ki a megfelelő formátumot; hacsak a képnek nincs átlátszó háttere, a JPEG képek, amelyek kisebbek, általában a legjobbak a feltöltéshez. Figyeljen a méretre: egy 2000 pixeles kép feltöltése nem fog elférni egy mindössze 500 pixel széles helyen. Tömörítse a képet a feldolgozás után: a képtömörítők csökkentik a fájlméretet a felesleges adatok és metaadatok eltávolításával.
Vezessen be lusta betöltést
A lusta betöltésnek nevezett funkció megakadályozza a képek betöltését, amíg a webhely látogatója le nem görget oda, ahol azok megjelennek az oldalon. Ennek eredményeként az ügyfeleinek nem kell várakozniuk, amíg a média betöltődik, hogy megtekinthessék a tartalmat. Ha a webhelyén sok kép van, ez a stratégia jelentősen csökkentheti az áruház betöltési idejét.
A WooCommerce áruházában a lusta betöltést WordPress bővítmények segítségével telepítheti. A bővítmények lerövidítik a webhely kezdeti megnyitásához szükséges időt.
Szolgáltasson statikus erőforrásokat CDN-en keresztül
A tartalomkézbesítő hálózat (CDN) egy stratégiailag elhelyezett szerverhálózat a világ minden táján. Ezeket a szerverhelyeket jelenléti pontoknak (PoP) nevezik. A CDN fő feladata a statikus erőforrások, például képek, JavaScript, CSS stb. gyorsítótárazása és kézbesítése.
Még ha a webhelye egy nagyon gyors szerveren is van, a helye továbbra is hatással lesz rá. A hálózati késleltetés és az első bájtig eltelt idő (TTFB) egyaránt csökken a CDN miatt, ami lerövidíti az egyes felhasználók és a webhely erőforrásai közötti távolságot.
A kérés eredete alapján automatikusan kiválasztja a legközelebbi CDN PoP-t a gyorsítótárazott erőforrások kézbesítéséhez. Sok CDN a gyorsítótárazáson kívül további teljesítménynövelő képességeket is kínál, mint például a nagyobb menet közbeni képtömörítés, a HTTP/3 támogatás, a hotlink megelőzés és a fokozott biztonság.
Távolítsa el a nem használt szkripteket és stíluslapokat
A legtöbb WordPress bővítmény és téma szkripteket és stíluslapokat tölt be a webhely minden oldalán. Még akkor is betöltik ezeket az elemeket, ha nincs rájuk szükség az oldalon.
Ezeknek a felesleges elemeknek a webhelyekről való eltávolításával csökkentheti az oldalak méretét és felgyorsíthatja a WooCommerce oldalak betöltését, ami időt takaríthat meg az új webhelyek beállításakor és a személyzet hozzárendelésekor. A WooCommerce sebezhető ezzel a problémával, akárcsak a kiterjesztései.
Nézze meg a vízesésdiagramot a webhely sebességtesztjének eredményében, hogy eldöntse, mit távolítson el. Segít azonosítani a felesleges eszközöket.
A nem szükséges szkriptek és stílusok eltávolításához használja a wp_dequeue_script és a wp_dequeue_style parancsokat. Az Asset CleanUp: Page Speed Booster az egyik olyan bővítmény, amely megkönnyíti ugyanezen cél elérését.
Képernyőkép a hivatalos WordPress webhelyről
Forduljon a gyorsítótárazáshoz
A gyorsítótárazás az erőforrások ideiglenes tárolása egy kérésből, hogy a jövőbeli kéréseket gyorsan lehessen feldolgozni. A gyorsítótárat a szerver és a felhasználó eszköze is tárolhatja.
Amikor egy felhasználó egy webhelyre vonatkozó kérést tesz, a DNS-szerver lekéri a weboldalt a tárhelyszolgáltató szerveréről, a webszerveren lévő alkalmazás pedig szkripteket futtat, keres a adatbázisban, és létrehozza a weboldalt, amelyet a böngésző renderel és megjelenít a felhasználónak. A szerver óriási terhelésnek van kitéve, amikor több ezer látogató egyszerre több kérést tesz, ami a lap lassú betöltődését okozza.
Ebben a helyzetben jön képbe a gyorsítótárazás. Csökkenti az oldalnézet létrehozásához szükséges erőfeszítést, csökkentve a WordPress PHP-től és adatbázistól való függőségét. A WordPress majdnem olyan gyorsan működik, mint a statikus weboldalak, ha nem is pontosan.
A szerveroldali gyorsítótárazás és a böngésző gyorsítótárazása az online gyorsítótárazás két fő kategóriája, mindegyiknek számos alkategóriája van.
Korlátozza a revíziókat
A WooCommerce szabványos revízióellenőrzést biztosít a termékoldalakon, amely lehetővé teszi, hogy visszalépjen és megtekintse az oldalakon végrehajtott változtatásokat. Bár a módosítások előnyösnek tűnhetnek, néha WooCommerce teljesítményproblémákat okozhatnak.
Például tegyük fel, hogy létrehoz egy oldalt, és többször szerkeszti, minden alkalommal egy elemet hozzáadva vagy eltávolítva. Annyi másolata van az eredeti oldalának, ahány változtatást végzett, még akkor is, ha a változtatás csekély. A WooCommerce teljesítménye végül ettől szenvedhet, és fokozatosan romolhat.
A revíziók korlátozásához/letiltásához bizonyos módosításokat kell végrehajtania a webhely gyökerében található wp-config.php fájlban.
Tisztítsa meg az adatbázist
Minden alkalommal, amikor egy felhasználó belép a webhelyére, lekéri a webhely tartalmát, amely nagyrészt statikus. Azonban dinamikus kérést tesznek, amikor rendelést adnak le.
Ha az áruház adatbázisa nincs optimalizálva, ezeknek a lekérdezéseknek a kezelése túl sokáig tarthat. A lassú szerverválaszidő végül lassú webhelyet eredményez. Ennek eredményeként el kell távolítania a felesleges szemetet az adatbázis tisztításához és optimalizálásához.
Az adatbázis-optimalizálásnak számos megközelítése van:
- Szabaduljon meg a régi revízióktól. A WooCommerce áruházának oldalai, cikkei és termékei tele lesznek elavult módosításokkal, ha már egy ideje online van. Itt az ideje, hogy kitakarítsa őket. A legegyszerűbb módszer a WP-Sweep vagy a WP Rocket bővítmények használata.
- Távolítsa el a lejáró tranzienseket. Egy hibás ideiglenes gyorsítótár időnként több mint egymillió haszontalan bejegyzést hoz létre, látszólag vég nélkül. Idővel az ügyfél-munkamenetek felhalmozódhatnak, több ezer extra bejegyzést adva az adatbázis tábláihoz. Egy felduzzadt adatbázis ilyen körülmények között lelassíthatja a webhelyét. Az összes lejárt tranzienst könnyen eltávolíthatja az ingyenes Delete Expired Transients bővítménnyel.
Képernyőkép a hivatalos WordPress webhelyről
- Tisztítsa meg az adatbázis tábláit. Az e-kereskedelmi vállalkozás működtetéséhez szükséges minden a WooCommerce adatbázisában tárolódik. Az adatbázisa nem hatékony lesz, és végül sok lényegtelen adatot tárol, amikor adatokat adnak hozzá és mozgatnak a táblák között. Az adatbázis tábláinak tisztítása létfontosságú ezen extra információk eltávolításához.
- Tiltsa le azokat a funkciókat, amelyek nem kritikusak, de megterhelik az adatbázist. A WooCommerce témái és bővítményei sok okos funkcióval rendelkeznek, amelyek kezdetben nagyszerűnek tűnnek, de végül tönkreteszik az adatbázist. Az egyik példa a képtömörítő bővítmények, amelyek a képeket ugyanazon a szerveren tömörítik, amely a webhelyet is tárolja. Kerülni kell azokat a bővítményeket is, amelyek számlálókat adnak a webhelyéhez, mint például a megtekintések, megjegyzések stb.
Végezzen mobiloptimalizálást
Az Oberlo szerint a vásárlók 60%-a mondja, hogy a mobilon történő vásárlás lehetősége fontos szempont a márka kiválasztásakor. Ezért a mobiloptimalizálás abszolút létfontosságú.
A reszponzív téma használata a legegyszerűbb megközelítés a WordPress webhelyének mobileszközökhöz való igazításához. Tartsa az áruház oldalait a lehető legegyszerűbben, mivel a mobilfelhasználók nem szeretik a végtelen görgetést. Ne terhelje túl őket információval.
Ha a vállalkozásának sok terméke van, tegye egyszerűbbé a mobilfelhasználók számára a keresést élő termékszűrők biztosításával. Fontolja meg a WooCommerce Product Search bővítmény telepítését.
Használja a Chrome Lighthouse eszközét vagy a Google mobilbarát tesztelő eszközét annak ellenőrzésére, hogy webhelye megfelel-e a szükséges mobil használhatósági irányelveknek.
Minimalizálja az átirányításokat
A szerver minden kattintást egy linkre, amely az áruház egy oldalára mutat, átirányításként rögzít. Lényegében a szervernek a felhasználókat a megfelelő oldalra kell irányítania. Bár ez csak néhány másodpercet vesz igénybe, az ügyfelek hosszú időnek érezhetik, ami közvetlenül befolyásolja az áruház visszafordulási arányát.
Ha a webhelyén sok átirányítás van, akkor szervererőforrásokat használ fel, és meghosszabbítja a végső oldal eléréséhez szükséges időt. Ennek eredményeként az átirányítások csökkentése észrevehetően növeli az oldal betöltési idejét, mivel ez egy bevált WooCommerce optimalizálási megközelítés.
Frissítse a PHP verzióját és növelje a memóriakorlátot
Minden PHP frissítés gyorsabb, mint az előző verziók. A tárhelyszolgáltatója határozza meg a használt PHP verziót, és általában a tárhely vezérlőpultjában módosíthatja. A konkrét eljárás azonban a szolgáltatótól függően változhat. Alternatív megoldásként egyszerűen megkérheti az ügyfélszolgálatot, hogy tegye meg Ön helyett. Mielőtt frissítené a PHP verzióját, készítsen teljes webhelymentést, majd teszteljen mindent, hogy megbizonyosodjon arról, hogy megfelelően működik.
A tárhelyszolgáltatója egy bizonyos mennyiségű memóriát rendelt a webhelyéhez. Azonban a konkrét webhelyétől függően túllépheti ezt a korlátot. Mindig felveheti a kapcsolatot a tárhelyszolgáltatójával, ha a tárhely vezérlőpultja nem teszi lehetővé a korlát módosítását. A WordPress alapértelmezés szerint 32 MB memóriát rendel a PHP-hez. Automatikusan megpróbálja ezt a korlátot 40 MB-ra vagy 64 MB-ra emelni, ha bármilyen problémát tapasztal. Ez a korlát általában nem lesz elegendő egy WooCommerce webhelyhez. Javasoljuk, hogy ezt a korlátot 256 MB-ra emelje.
Zárszó
A fent bemutatott módszerekkel drámaian javíthatja WooCommerce áruházának sebességét, az alapvető beállítások módosításától a fejlett szerveroldali megoldásokig. Ezek a technikák a webhely sebességének javítására szolgálnak, és egy folyamatos stratégia részét kell képezniük, amely nemcsak a webhely teljesítményének javítására, hanem annak fenntartására is irányul.
Végül is a sebességoptimalizálás nem egyszeri feladat, hanem folyamatos elkötelezettség. A webhely sebességének rendszeres figyelemmel kísérése a különböző eszközökkel és módszerekkel értékes betekintést nyújthat abba, hogy a WooCommerce optimalizálási erőfeszítései mennyire működnek.
