Pomalé obchody WooCommerce vás mohou stát peníze mnoha různými způsoby, od nárůstu opuštěných košíků až po ztrátu věrnosti zákazníků. Podle Unbounce téměř 70 % spotřebitelů tvrdí, že rychlost stránky ovlivňuje jejich chuť nakupovat v online obchodě. Problém je v tom, že rychlost závisí na mnoha faktorech a její zlepšení může vyžadovat spoustu času a úsilí.
Podle Portent se konverzní poměry webových stránek snižují v průměru o 4,42 % za každou sekundu, kterou stránka potřebuje k načtení mezi 0 a 5 sekundami, přičemž stránky s dobou načítání mezi 0 a 2 sekundami mají nejvyšší konverzní poměry v e-commerce.
Pokud je rychlost načítání vašeho webu delší než 2-3 sekundy, tento článek je přesně pro vás. Zde najdete několik osvědčených tipů na měření a zlepšení výkonu e-commerce webu.
Proč na rychlosti záleží?
Rychlost webu je kritickým prvkem pro úspěch jakéhokoli online podniku, včetně obchodů WooCommerce, a to z několika důvodů:
Uživatelský zážitek:
Uživatelé internetu mají obvykle krátkou dobu pozornosti. Pomalé načítání může vést k tomu, že návštěvníci opustí váš web ještě předtím, než se plně načte. Rychlý web naopak usnadňuje navigaci, povzbuzuje uživatele k prozkoumání více stránek a delšímu setrvání.
SEO a hodnocení:
Rychlost stránky je jedním z nejdůležitějších faktorů hodnocení pro Google. Metriky jako Largest Contentful Paint (LCP), First Input Delay (FID) a Cumulative Layout Shift (CLS) jsou součástí hodnotících faktorů Google. Rychlejší weby mají větší šanci na vyšší umístění ve vyhledávačích. S nárůstem mobilního vyhledávání také rychlost mobilních stránek významně ovlivňuje SEO.
Efektivita nákladů:
Optimalizované a rychlejší weby obecně spotřebovávají méně šířky pásma a mohou vést k nižším nákladům na hosting. Rychlejší weby také vyžadují méně času a úsilí na údržbu.
Mobilní uživatelé:
S rostoucím počtem uživatelů přistupujících na weby přes mobilní zařízení, kde mohou být rychlosti připojení pomalejší, se optimalizovaná rychlost webu stává ještě důležitější. Pomalé načítání může být na mobilních zařízeních ještě problematičtější a vést k vyšší míře okamžitého opuštění.
Globální dosah:
Uživatelé z různých regionů s různými rychlostmi internetu mohou mít konzistentní zážitek, pokud je váš web optimalizován pro rychlost. Rychlejší weby jsou výhodné, pokud cílíte na globální publikum a používáte síť pro doručování obsahu (CDN) k poskytování lokalizovaného obsahu.
Jak vyhodnotit aktuální rychlost obchodu?
Než začnete s procesem zlepšování, musíte zjistit, kde se právě nacházíte, a zjistit aktuální rychlost obchodu a jaké problémy by mohly váš web zpomalovat. Zde jsou některé metody a nástroje, které můžete použít k vyhodnocení rychlosti vašeho webu WooCommerce:
Nástroje pro přímé testování
Tyto nástroje přímo testují výkon vašeho webu tím, že ho načítají z různých míst po celém světě a simulují různá zařízení a rychlosti připojení:
- Google PageSpeed Insights: Poskytuje přehledy o rychlosti pro mobilní zařízení i počítače. Také dává návrhy na optimalizaci WooCommerce.
- GTmetrix: Provádí podrobnou analýzu včetně vodopádového grafu, doporučení a různých hodnocení.
- WebPageTest: Poskytuje podrobné informace jako index rychlosti, čas do prvního bajtu a další.
Vývojářské nástroje prohlížeče
Tato řešení, vestavěná do moderních prohlížečů, umožňují vývojářům kontrolovat, ladit a profilovat webové stránky:
- Chrome DevTools: Použijte záložky Network (Síť) a Performance (Výkon) k analýze rychlosti webu.
- Firefox Developer Tools: Tyto nástroje umožňují vývojářům kontrolovat, ladit a profilovat webové stránky, což jim pomáhá porozumět chování a struktuře webů.
Nástroje na straně serveru
Tyto nástroje mohou pomoci identifikovat problémy na straně serveru, které nemusí být zřejmé při testování frontendu:
- New Relic: Poskytuje hluboký ponor do výkonu serveru, dobrý pro odhalování úzkých míst na backendu.
- Analýza logů: Analyzujte serverové logy k odhalení problémů.
Kontroly založené na pluginech
Pluginy mohou nabídnout pohodlný a výkonný způsob, jak monitorovat různé aspekty výkonu vašeho obchodu WooCommerce přímo z administrace WordPress. Zde jsou některé populární přístupy založené na pluginech:
- Query Monitor: WordPress plugin pro kontrolu, jaké dotazy zpomalují váš web.
- WP Debugging: Povolí funkce ladění WordPress pro kontrolu problémů.
Monitorování skutečných uživatelů
Monitorování skutečných uživatelů (RUM) je přístup k monitorování výkonu, který zachycuje a analyzuje každou transakci uživatelů webu nebo aplikace. Na rozdíl od metod syntetického monitorování, které simulují chování uživatelů, RUM sbírá data ze skutečných interakcí uživatelů s vaším webem.
Obvykle přidáte malý kousek JavaScriptového kódu na svůj web, který sbírá a odesílá data o výkonu na server k analýze. Takto funguje většina nástrojů RUM, i když se konkrétní detaily implementace mohou lišit. Mezi užitečné nástroje pro RUM patří New Relic Browser, Boomerang, Akamai mPulse a další.
14 způsobů, jak zrychlit obchod WooCommerce
Nyní, když znáte aktuální rychlost načítání a jaké problémy existují, můžete si vytvořit optimalizační strategii. Mějte na paměti, že pravděpodobně budete muset opravit několik aspektů webu, abyste dosáhli skvělé rychlosti obchodu WooCommerce. Také budete muset rychlost občas monitorovat, protože se může časem zpomalit. Zde jsou některé rady, jak můžete zvýšit výkon svého webu:
Najděte spolehlivý hosting
Zatímco nesprávná volba může vést k nespokojeným klientům a ztrátě obchodu, ideální webhostingová služba pro WooCommerce může zaručit bezchybný výkon, rychlé načítání a konzistentní dostupnost.
Každý typ hostingu může být poskytován v rámci různých plánů s různými cenovými body. Proto při hledání poskytovatele hostingu ve vašem cenovém rozpětí zvažte funkce jako server-side caching, dostatečnou šířku pásma a RAM pro potřeby vašeho webu, vysoce výkonné SSD úložiště a aktualizovaný software, jako je PHP a MySQL.
Pokud máte sdílený hostingový plán, znamená to, že stovky webů používají stejný server a jeho zdroje. Vyberte si hostitele, který omezuje počet webů povolených na každém serveru, nebo zvažte upgrade na VPS nebo dedikovaný plán.
Optimalizujte nastavení výkonu
Nejprve změňte URL své přihlašovací stránky. URL pro přihlášení je obvykle výchozí a známá všem, včetně hackerů, což činí weby náchylnými k útokům.
Změnou přihlašovací URL na něco jedinečného se můžete vyhnout útokům hrubou silou od škodlivých aktérů. Můžete ji také použít k prevenci problémů s omezováním rychlosti HTTP.
Pokud váš e-commerce web má také blog, omezte počet příspěvků, které se zobrazují ve vašem blogovém feedu. Pokud spravujete populární blog, úspory výkonu se sčítají. Tyto úpravy lze provést v nastavení čtení v administraci WordPress.
Snímek obrazovky pořízen na oficiálním webu WordPress
Dále vypněte pingbacky na svém webu. Obvykle produkují spam. WordPress vám také dává možnost rozdělit velké uživatelské komentáře na menší části, pokud máte na svých článcích nebo stránkách mnoho komentářů od uživatelů. Chcete-li zkrátit dobu načítání stránky produktu, udržujte tuto hodnotu mezi 10 a 20.
Zvažte použití pluginů a rozšíření
Pro WooCommerce existuje nepřeberné množství pluginů, které poskytují neomezenou všestrannost. To však neznamená, že musíte nainstalovat každý z nich.
Mnoho pluginů zvyšuje množství souborů Javascript nebo CSS na vašem webu, což způsobuje, že váš server přijímá více HTTP požadavků, a zpomaluje tak provoz vaší společnosti. Navíc více pluginů znamená využití více serverových zdrojů, což zpomaluje dobu načítání.
Nezáleží na tom, kolik pluginů používáte; záleží na jejich kvalitě. Vybírejte pluginy, které mohou plnit více úkolů, čtěte recenze, abyste se dozvěděli o výkonu, potvrďte, že jsou často aktualizovány, a instalujte možnosti z renomovaných zdrojů.
Pořiďte si rychlé e-commerce téma
Poměrně často při výběru e-commerce tématu weboví designéři volí estetiku bez ohledu na to, jak rychle se stránky načítají. V důsledku toho má vzhled frontendu často přednost před rychlostí načítání stránky.
Chcete-li optimalizovat dobu načítání, vyberte si téma pro WooCommerce, které je lehké a optimalizované pro výkon. Ujistěte se, že téma je responzivní a má čistý kód.
Také mějte na paměti, že mnoho témat vám také umožňuje zakázat prvky, které nepoužíváte. Chcete-li zjistit, zda se téma načítá rychle, zkuste použít nástroje pro měření rychlosti k testování demo stránek nebo si projděte recenze od uživatelů.
Komprimujte obrázky
Je nezbytné zmenšit obrázky před jejich nahráním na web, protože použití obrovských obrázků dramaticky zpomalí rychlost načítání stránek. K úpravě obrázků na správnou velikost pro váš web použijte software jako Photoshop, GIMP nebo Figma.
Velikost souborů vašich fotografií lze snížit kompresí bez ztráty kvality. Vyberte vhodný formát; pokud váš obrázek nemá průhledné pozadí, jsou obrázky JPEG, které jsou menší, často nejlepší volbou pro nahrání. Dbejte na velikost: nahrání obrázku o velikosti 2000 pixelů se nevejde na místo široké pouze 500 pixelů. Po zpracování obrázek zkomprimujte: kompresory obrázků snižují velikost souboru odstraněním všech nadbytečných dat a metadat.
Implementujte líné načítání (lazy loading)
Funkce známá jako líné načítání (lazy loading) zabraňuje načítání obrázků, dokud návštěvník webu neposune stránku dolů na místo, kde se objeví. V důsledku toho vaši klienti nebudou muset čekat, zatímco se jim načítají média, aby si mohli prohlédnout váš obsah. Pokud má váš web mnoho obrázků, tato strategie může výrazně zkrátit dobu načítání obchodu.
Líné načítání můžete na svém obchodě WooCommerce nainstalovat pomocí pluginů pro WordPress. Pluginy zkracují dobu, kterou váš web potřebuje k počátečnímu otevření.
Doručujte statické zdroje přes CDN
Síť pro doručování obsahu (CDN) je síť serverů strategicky rozmístěných po celém světě. Tyto serverové lokality se nazývají body přítomnosti (PoPs). Hlavním úkolem CDN je ukládání do mezipaměti a doručování statických zdrojů, jako jsou obrázky, JavaScript, CSS atd.
I když je váš web hostován na velmi rychlém serveru, jeho umístění bude mít stále vliv. Latence sítě a čas do prvního bajtu (TTFB) jsou oba sníženy díky CDN, která zkracuje vzdálenost mezi každým uživatelem a zdroji webu.
Automaticky vybírá nejbližší CDN PoP k poskytnutí zdrojů z mezipaměti na základě původu požadavku. Mnoho CDN nabízí kromě ukládání do mezipaměti další funkce zlepšující výkon, jako je větší komprese obrázků za chodu, podpora HTTP/3, prevence hotlinkingu a zvýšená bezpečnost.
Odstraňte nepoužívané skripty a styly
Většina pluginů a témat pro WordPress načítá skripty a styly na každé stránce vašeho webu. I když na stránce nejsou potřeba, přesto tyto položky načítají.
Odstraněním těchto nepotřebných prvků z webů můžete snížit nadbytečnost stránky a zrychlit načítání stránek WooCommerce, což vám může ušetřit čas při nastavování nových webů a přidělování zaměstnanců. WooCommerce je na tento problém náchylný, stejně jako jeho rozšíření.
Podívejte se na vodopádový graf ve výsledku testu rychlosti vašeho webu, abyste určili, co odstranit. Pomůže vám to identifikovat všechny nadbytečné zdroje.
Chcete-li se zbavit skriptů a stylů, které nepotřebujete, použijte wp_dequeue_script a wp_dequeue_style. Asset CleanUp: Page Speed Booster je jedním z pluginů, které usnadňují dosažení stejného cíle.
Snímek obrazovky pořízen na oficiálním webu WordPress
Využijte ukládání do mezipaměti (caching)
Caching je dočasné ukládání zdrojů z jednoho požadavku, aby budoucí požadavky mohly být zpracovány rychle. Mezipaměť může být uložena jak na serveru, tak na zařízení uživatele.
Když uživatel požádá o webovou stránku, DNS server získá stránku z hostujícího serveru a aplikace na webovém serveru spustí skripty, prohledá databázi a vytvoří webovou stránku, která je poté vykreslena a zobrazena uživateli prohlížečem. Server je vystaven obrovskému zatížení, když tisíce návštěvníků provedou několik požadavků najednou, což způsobuje pomalé načítání stránky.
V této situaci přichází na řadu caching. Snižuje úsilí potřebné k vytvoření zobrazení stránky, čímž snižuje závislost WordPress na PHP a databázi. WordPress funguje téměř stejně rychle jako statické webové stránky, ne-li přesně.
Server-side caching a browser caching jsou dvě hlavní kategorie online cachingu, přičemž každá má řadu podkategorií.
Omezte revize
WooCommerce poskytuje standardní kontrolu revizí na stránkách produktů, která vám umožňuje vrátit se a zobrazit změny provedené na stránkách. Ačkoli se úpravy mohou zdát výhodné, někdy mohou způsobit problémy s výkonem WooCommerce.
Pro ilustraci, předpokládejme, že vytvoříte stránku a několikrát ji upravíte, přičemž pokaždé přidáte nebo odeberete jeden prvek. Máte tolik duplikátů své původní stránky, kolik jste provedli změn, i když je změna malá. Výkon WooCommerce může nakonec kvůli tomu trpět a postupně se zhoršovat.
Musíte provést určité úpravy v souboru wp-config.php v kořenovém adresáři webu, abyste omezili/zakázali revize.
Vyčistěte databázi
Pokaždé, když uživatel vstoupí na váš web, požaduje obsah vašeho webu, který je z velké části statický. Když však zadají objednávku, provedou dynamický požadavek.
Pokud databáze vašeho obchodu není optimalizována, zpracování těchto dotazů může trvat příliš dlouho. Pomalá odezva serveru nakonec vede k pomalému webu. V důsledku toho musíte odstranit zbytečný odpad, abyste databázi vyčistili a optimalizovali.
Existuje několik přístupů k optimalizaci databáze:
- Zbavte se starých revizí. Stránky, články a zboží vašeho obchodu WooCommerce budou plné zastaralých úprav, pokud je online již nějakou dobu. Je čas je uklidit. Nejjednodušší metodou je použití pluginů jako WP-Sweep nebo WP Rocket.
- Odstraňte expirované přechodné položky (transients). Chybná dočasná mezipaměť občas vytvoří více než milion zbytečných záznamů bez zjevného konce. Postupem času se mohou hromadit zákaznické relace, což přidává tisíce dalších záznamů do vašich databázových tabulek. V takových případech může nafouklá databáze váš web shodit. Všechny expirované přechodné položky lze snadno odstranit pomocí bezplatného pluginu Delete Expired Transients.
Snímek obrazovky pořízen na oficiálním webu WordPress
- Vyčistěte své databázové tabulky. Vše potřebné k provozu vašeho e-commerce podniku je uloženo ve vaší databázi WooCommerce. Vaše databáze se stává neefektivní a nakonec uchovává spoustu nedůležitých dat, když jsou data přidávána a přesouvána mezi tabulkami. Vyčištění databázových tabulek je zásadní pro odstranění těchto nadbytečných informací.
- Zakažte funkce, které nejsou kritické, ale zatěžují databázi. Témata a pluginy pro WooCommerce mají mnoho chytrých funkcí, které se na první pohled zdají skvělé, ale nakonec ničí databázi. Jedním z příkladů jsou pluginy pro kompresi obrázků, které komprimují obrázky na stejném serveru, který hostuje web. Měli byste se také vyhnout pluginům, které přidávají na váš web počítadla, jako jsou zobrazení, komentáře atd.
Proveďte optimalizaci pro mobilní zařízení
Podle Oberlo 60 % nakupujících tvrdí, že možnost nakupování přes mobil je důležitým kritériem při výběru značky. Proto je mobilní optimalizace naprosto zásadní.
Použití responzivního tématu je nejjednodušší přístup k přizpůsobení vašeho webu WordPress pro mobilní zařízení. Udržujte stránky svého obchodu co nejjednodušší, protože mobilní zákazníci nemají rádi nekonečné posouvání. Nepřetěžujte je informacemi.
Pokud váš podnik zobrazuje mnoho položek, usnadněte mobilním zákazníkům jejich vyhledávání poskytnutím živých filtrů produktů. Zvažte instalaci pluginu WooCommerce Product Search.
Použijte nástroj Lighthouse od Chrome nebo nástroj Mobile-Friendly Test od Google, abyste zjistili, zda váš web splňuje požadované pokyny pro použitelnost na mobilních zařízeních.
Minimalizujte přesměrování
Server zaznamenává každé kliknutí na odkaz na stránku ve vašem obchodě jako přesměrování. V podstatě musí server nasměrovat uživatele na správnou stránku. Ačkoli to trvá jen pár sekund, zákazníci to mohou vnímat jako dlouhou dobu, což přímo ovlivňuje míru okamžitého opuštění vašeho obchodu.
Pokud má váš web mnoho přesměrování, spotřebováváte serverové zdroje a prodlužujete dobu potřebnou k dosažení konečné stránky. V důsledku toho snížení počtu přesměrování povede k znatelnému zkrácení doby načítání stránky, protože se jedná o osvědčený přístup k optimalizaci WooCommerce.
Aktualizujte svou verzi PHP a zvyšte limit paměti
Každá aktualizace PHP je rychlejší než předchozí verze. Verzi PHP, kterou používáte, určuje váš hostitel a často ji můžete změnit v ovládacím panelu hostingu. Konkrétní postup se však může lišit v závislosti na vašem poskytovateli. Případně můžete požádat zákaznickou podporu, aby to udělala za vás. Před aktualizací verze PHP vytvořte kompletní zálohu webu a poté vše otestujte, abyste se ujistili, že funguje správně.
Vaše hostingová společnost přidělila vašemu webu určité množství paměti. V závislosti na vašem konkrétním webu však můžete tento limit překročit. Vždy se můžete obrátit na svou hostingovou společnost, pokud vám ovládací panel hostingu neumožňuje limit změnit. WordPress ve výchozím nastavení přiděluje PHP 32 MB paměti. Pokud narazí na nějaké problémy, automaticky se pokusí tento limit zvýšit na 40 MB nebo 64 MB. Tento limit často nebude pro web WooCommerce dostačující. Doporučuje se tento limit zvýšit na 256 MB.
Závěrem
S výše uvedenými metodami můžete dramaticky zlepšit rychlost svého obchodu WooCommerce, od základních úprav nastavení až po pokročilá řešení na straně serveru. Tyto techniky jsou zde k tomu, aby zlepšily rychlost vašeho webu a měly by být součástí probíhající strategie nejen ke zlepšení, ale i k udržení výkonu webu.
Nakonec, optimalizace rychlosti není jednorázový úkol, ale trvalý závazek. Pravidelné monitorování rychlosti vašeho webu pomocí různých diskutovaných nástrojů a metod může poskytnout cenné poznatky o tom, jak dobře fungují vaše snahy o optimalizaci WooCommerce.
