Pomalé obchody WooCommerce vás mohou stát peníze různými způsoby, od nárůstu počtu opuštěných košíků až po ztrátu loajality zákazníků. Podle Unbounce, téměř 70% spotřebitelů uvádí, že rychlost stránek ovlivňuje jejich touhu nakoupit v internetovém 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, konverzní poměr webových stránek klesá v průměru o 4,42% za každou sekundu, kterou trvá načtení stránky mezi 0. a 5. sekundou, přičemž stránky s dobou načtení mezi 0 a 2 sekundami mají nejvyšší konverzní poměr v oblasti elektronického obchodu.
Pokud je rychlost načítání vašeho webu vyšší než 2-3 sekundy, potřebujete tento článek. Najdete v něm několik osvědčených tipů, jak měřit a zlepšení výkonu webových stránek eCommerce.
Rychlost webových stránek je pro úspěch jakéhokoli online podniku, včetně obchodů WooCommerce, kritickým prvkem, a to z několika důvodů:
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 odejdou z vašich webových stránek ještě před jejich úplným načtením. Rychlé webové stránky naopak usnadňují navigaci, což uživatele podněcuje k tomu, aby si prohlédli více stránek a zůstali na nich déle.
Rychlost stránky je pro Google jedním z nejdůležitějších faktorů hodnocení. Součástí hodnotících faktorů společnosti Google jsou metriky, jako je největší obsahový obraz (LCP), zpoždění prvního vstupu (FID) a kumulativní posun rozložení (CLS). Rychlejší webové stránky mají větší šanci na vyšší pozici ve vyhledávačích. S nárůstem mobilního vyhledávání má rychlost mobilních stránek také významný vliv na SEO.
Optimalizované a rychlejší webové stránky obecně spotřebovávají menší šířku 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.
S rostoucím počtem uživatelů, kteří přistupují k webům prostřednictvím mobilních zařízení, kde může být rychlost připojení nižší, je optimalizovaná rychlost webových stránek 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 odmítnutí.
Pokud jsou vaše webové stránky optimalizovány pro rychlost, mohou mít uživatelé z různých regionů s různou rychlostí internetu konzistentní zážitek. Rychlejší webové stránky jsou výhodné, pokud se zaměřujete na globální publikum a používáte síť pro doručování obsahu (CDN) k poskytování lokalizovaného obsahu.
Před zahájením procesu zlepšování je třeba zjistit, jak jste na tom nyní, a zjistit aktuální rychlost obchodu a problémy, které by mohly váš web zpomalovat. Zde je několik metod a nástrojů, které můžete použít k vyhodnocení rychlosti webu WooCommerce:
Tyto nástroje přímo testují výkon vašich webových stránek jejich načítáním z různých míst na světě a simulují různá zařízení a rychlosti připojení:
Tato řešení integrovaná do moderních prohlížečů umožňují vývojářům kontrolovat, ladit a profilovat webové stránky:
Tyto nástroje mohou pomoci identifikovat problémy na straně serveru, které nemusí být zřejmé pomocí nástrojů pro testování frontendu:
Zásuvné moduly mohou nabídnout pohodlný a výkonný způsob, jak sledovat různé aspekty výkonu vašeho obchodu WooCommerce přímo z administrace WordPressu. Zde jsou některé oblíbené přístupy založené na zásuvných modulech:
Monitorování reálného uživatele (RUM) je přístup k monitorování výkonu, který zachycuje a analyzuje každou transakci uživatelů webových stránek nebo aplikací. Na rozdíl od syntetických metod monitorování, které simulují chování uživatelů, shromažďuje RUM data ze skutečných interakcí uživatelů s vaším webem.
Obvykle na webovou stránku přidáte malý kus kódu JavaScriptu, který shromažďuje a odesílá data o výkonu na server k analýze. Takto funguje většina nástrojů RUM, i když konkrétní detaily implementace se mohou lišit. Mezi užitečné nástroje RUM patří New Relic Browser, Boomerang, Akamai mPulse a další.
Nyní, když víte, jaká je aktuální rychlost načítání a jaké jsou problémy, můžete vytvořit optimalizační strategii. Mějte na paměti, že k dosažení skvělé rychlosti obchodu WooCommerce budete pravděpodobně muset opravit několik aspektů webu. Také budete muset rychlost občas sledovat, protože se může časem zpomalit. Zde je několik rad, jak můžete zvýšit výkon webu:
I když nesprávná možnost může mít za následek nespokojené klienty a ztrátu obchodů, ideální webhosting WooCommerce služba může zaručit bezchybný výkon, rychlé načítání a konzistentní dobu provozu.
Každý typ hostingu může být poskytován v rámci různých plánů s různými cenami. Proto při hledání poskytovatele hostingu v rámci svého cenového rozpětí zvažte funkce, jako je ukládání do mezipaměti na straně serveru, dostatečná šířka pásma a paměť RAM pro požadavky vašich stránek, vysoce výkonné úložiště SSD a aktualizovaný software, například PHP a MySQL.
Pokud máte sdílený hostingový plán, znamená to, že stejný server a jeho zdroje využívají stovky webových stránek. Vyberte si hostitele, který omezuje počet webových stránek povolených na každém serveru, nebo uvažujte o přechodu na plán VPS nebo dedikovaný plán.
Nejprve změňte adresu URL přihlašovací stránky. Přihlašovací adresa URL je obvykle výchozí a je známá všem, včetně hackerů, což činí webové stránky náchylnými k útokům.
Útokům hrubou silou ze strany záškodníků se můžete vyhnout změnou přihlašovací adresy URL na odlišnou. Můžete ji také použít k zabránění problémům s omezováním rychlosti protokolu HTTP.
Pokud má váš web elektronického obchodu také blog, omezte množství záznamů, které se zobrazují v kanálu blogu. Pokud spravujete populární blog, úspora výkonu se sčítá. Tyto úpravy lze provést v Nastavení čtení na ovládacím panelu WordPress.
Snímek obrazovky pořízený na oficiální WordPress webové stránky
Vypněte na svých webových stránkách zpětné odkazy. Obvykle produkují spam. WordPress vám také poskytuje možnost rozdělit velké komentáře uživatelů na menší části, pokud máte na svých článcích nebo stránkách hodně komentářů od uživatelů. Chcete-li zkrátit dobu načítání stránky produktu, udržujte tuto hodnotu mezi 10 a 20.
Pro WooCommerce existuje nepřeberné množství pluginů, které poskytují neomezenou všestrannost. To však neznamená, že si musíte nainstalovat každý z nich.
Četné zásuvné moduly zvyšují množství souborů Javascript nebo CSS na vašich webových stránkách, což způsobuje, že váš server přijímá více požadavků HTTP a zpomaluje provoz vaší společnosti. Navíc více zásuvných modulů znamená využití více serverových prostředků, což zpomaluje dobu načítání.
Nezáleží na tom, kolik zásuvných modulů používáte, důležitá je jejich kvalita. Vybírejte si zásuvné moduly, které mohou plnit řadu úkolů, přečtěte si recenze, abyste se dozvěděli o jejich výkonu, ověřte si, že jsou často aktualizovány, a instalujte možnosti z renomovaných zdrojů.
Při výběru tématu elektronického obchodu se návrháři webových stránek často rozhodují pro estetiku, aniž by brali v úvahu rychlost načítání stránek. Výsledkem je, že vzhled frontendu má často přednost před rychlostí načítání stránek.
Chcete-li optimalizovat dobu načítání, vyberte Téma WooCommerce který je lehký a optimalizovaný pro výkon. Ujistěte se, že je téma responzivní a má čistou kódovou základnu.
Mějte také na paměti, že mnoho motivů umožňuje zakázat prvky, které nepoužíváte. Chcete-li zjistit, zda se téma načítá rychle, zkuste pomocí nástrojů rychlosti otestovat ukázkové stránky nebo si prohlédněte recenze, které zanechali uživatelé.
Před umístěním obrázků na webové stránky je nutné zmenšit jejich velikost, protože použití obrovských obrázků výrazně zpomaluje načítání stránek. Pro zmenšení obrázků na správnou velikost pro vaše webové stránky použijte software, jako je Photoshop, GIMP nebo Figma.
Velikost souborů fotografií lze kompresí snížit bez ztráty kvality. Zvolte vhodný formát; pokud váš snímek nemá průsvitné pozadí, je často nejvhodnější nahrávat snímky ve formátu JPEG, které jsou menší. Dbejte na velikost: Nahrávání obrázku o velikosti 2000 pixelů se nevejde na místo, které je široké jen 500 pixelů. Obrázek po zpracování zkomprimujte: kompresory obrázků zmenšují velikost souboru tím, že odstraňují všechna přebytečná data a metadata.
Funkce známá jako líné načítání zabraňuje načítání obrázků, dokud návštěvník webu nesroluje dolů, kde se na stránce objeví. Díky tomu nebudou muset vaši klienti čekat, než se jim média načtou, aby si mohli prohlédnout váš obsah. Pokud vaše webové stránky obsahují velké množství obrázků, může tato strategie výrazně zkrátit dobu načítání obchodu.
Líné načítání můžete do svého obchodu WooCommerce nainstalovat pomocí pluginů WordPress. Tyto pluginy zkrátí dobu, po kterou se vaše webové stránky zpočátku otevírají.
Síť pro doručování obsahu (CDN) je síť serverů strategicky rozmístěných po celém světě. Místa přítomnosti (Points of Presence, PoP) jsou názvy těchto serverů. Hlavním úkolem sítě CDN je ukládání do mezipaměti a doručování statických zdrojů, jako jsou obrázky, JavaScript, CSS atd.
I když jsou vaše webové stránky umístěny na velmi rychlém serveru, jejich umístění má vliv. Díky síti CDN se snižuje latence sítě i čas na první bajt (TTFB), což zkracuje vzdálenost mezi každým uživatelem a zdroji webu.
Na základě původu požadavku automaticky vybere nejbližší CDN PoP, který poskytne prostředky v mezipaměti. Mnohé sítě CDN nabízejí kromě ukládání do mezipaměti i další funkce zvyšující výkon, například větší kompresi obrázků za běhu, podporu protokolu HTTP/3, prevenci horkých odkazů a vyšší zabezpečení.
Většina pluginů a témat WordPress načítá skripty a soubory stylů na každé stránce vašeho webu. I když nejsou na stránce potřeba, přesto tyto položky načítají.
Odstraněním těchto nepotřebných prvků z webových stránek můžete snížit objem stránek a zrychlit načítání stránek WooCommerce, což vám může ušetřit čas při nastavování nových stránek a přidělování zaměstnanců. Obchod WooCommerce je vůči tomuto problému náchylný, stejně jako jeho rozšíření.
Podívejte se na vodopádový graf ve výsledcích testu rychlosti webových stránek, abyste zjistili, co je třeba odstranit. Pomůže vám identifikovat nadbytečné prostředky.
Chcete-li se zbavit nepotřebných skriptů a stylů, použijte příkazy wp_dequeue_script a wp_dequeue_style. Vyčištění prostředků: Page Speed Booster patří mezi zásuvné moduly, které usnadňují dosažení stejného cíle.
Snímek obrazovky pořízený na oficiální WordPress webové stránky
Ukládání do mezipaměti je dočasné uložení prostředků z jednoho požadavku, aby mohly být budoucí požadavky zpracovány rychle. Mezipaměť je schopen uchovávat jak server, tak zařízení uživatele.
Když uživatel zadá požadavek na webovou stránku, server DNS získá webovou stránku z hostitelského serveru a aplikace na webovém serveru spustí skripty, prohledá databázi a vytvoří webovou stránku, která se poté vykreslí a zobrazí uživateli v prohlížeči. Server je nesmírně zatížen, když tisíce návštěvníků zadávají několik požadavků najednou, což způsobuje pomalé načítání stránky.
V této situaci přichází na řadu ukládání do mezipaměti. Snižuje úsilí potřebné k vytvoření zobrazení stránky a snižuje závislost WordPressu na PHP a databázi. WordPress pracuje téměř stejně rychle jako statické webové stránky, ne-li přesně.
Ukládání do mezipaměti na straně serveru a ukládání do mezipaměti prohlížeče jsou dvě hlavní kategorie online ukládání do mezipaměti, přičemž každá z nich má řadu podkategorií.
WooCommerce poskytuje standardní kontrolu revizí na stránkách produktů, která umožňuje vrátit se zpět a zobrazit změny provedené na stránkách. Ačkoli se úpravy mohou zdát výhodné, mohou někdy způsobit problémy s výkonem obchodu 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. Budete mít tolik duplikátů původní stránky, kolik jste provedli změn, přestože změny jsou skromné. Tím může v konečném důsledku trpět výkon služby WooCommerce a postupně se zhoršovat.
Pro omezení/zakázání revizí je třeba provést určité úpravy v souboru wp-config.php v kořenovém adresáři webu.
Pokaždé, když uživatel vstoupí na vaše webové stránky, vyžádá si jejich obsah, který je z velké části statický. Při zadávání objednávky však zadává dynamický požadavek.
Pokud není databáze vašeho obchodu optimalizovaná, může vyřizování těchto dotazů trvat příliš dlouho. Pomalá odezva serveru má v konečném důsledku za následek pomalé webové stránky. 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:
Snímek obrazovky pořízený na oficiální WordPress webové stránky
Podle Oberlo, 60% nakupujících uvádí, že možnost nakupovat přes mobil je důležitým kritériem při výběru značky. Proto je optimalizace pro mobilní zařízení naprosto zásadní.
Použití responzivního motivu je nejjednodušší způsob, jak přizpůsobit webové stránky WordPress pro mobilní zařízení. Udržujte stránky svého obchodu co nejjednodušší, protože zákazníci na mobilních zařízeních neradi nekonečně rolovali. Nezahlcujte je informacemi.
Pokud má vaše firma zobrazeno velké množství položek, usnadněte mobilním zákazníkům jejich vyhledávání pomocí živých filtrů produktů. Zvažte instalaci pluginu WooCommerce Product Search.
Pomocí nástroje Lighthouse prohlížeče Chrome nebo nástroje Mobile-Friendly Test společnosti Google zjistěte, zda vaše webové stránky splňují požadované zásady použitelnosti pro mobilní zařízení.
Server zaznamená každé kliknutí na odkaz na stránku ve vašem obchodě jako přesměrování. Server musí uživatele v podstatě přesměrovat na správnou stránku. Ačkoli to trvá jen několik sekund, zákazníci to mohou vnímat jako dlouhou dobu, což přímo ovlivňuje míru odmítnutí vašeho obchodu.
Pokud vaše webové stránky obsahují mnoho přesměrování, spotřebováváte prostředky serveru a prodlužujete dobu potřebnou k dosažení konečné stránky. Omezení přesměrování tak povede ke znatelnému prodloužení doby načítání stránky, protože se jedná o osvědčený přístup k optimalizaci WooCommerce.
Každá aktualizace PHP je rychlejší než předchozí verze. Verzi PHP 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 poskytovateli. Případně můžete prostě požádat zákaznický servis, aby to udělal za vás. Před aktualizací verze PHP vytvořte kompletní zálohu webu a poté vše otestujte, abyste se ujistili, že vše funguje správně.
Vaše hostingová společnost přidělila vašim webovým stránkám určitý objem paměti. Tento limit však můžete překročit v závislosti na konkrétním webu. Pokud vám ovládací panel hostingu neumožňuje limit změnit, můžete se vždy obrátit na hostingovou společnost. Ve výchozím nastavení dostává PHP od WordPressu přidělenou paměť o velikosti 32 MB. Pokud narazí na nějaké problémy, pokusí se tento limit automaticky zvýšit na 40 MB nebo 64 MB. Tento limit často nebude pro web WooCommerce dostačující. Doporučujeme tento limit zvýšit na 256 MB.
Pomocí výše uvedených metod můžete výrazně zvýšit rychlost svého obchodu WooCommerce, a to od základních úprav nastavení až po pokročilá řešení na straně serveru. Tyto techniky slouží ke zlepšení rychlosti vašich webových stránek a měly by být součástí průběžné strategie, která nejen zlepší, ale také udrží výkon webu.
Optimalizace rychlosti nakonec není jednorázový úkol, ale trvalý závazek. Pravidelné sledování rychlosti webu pomocí různých nástrojů a metod, o kterých jsme hovořili, vám může poskytnout cenné informace o tom, jak dobře vaše úsilí o optimalizaci WooCommerce funguje.
Czech 
English 
French 
German 
Spanish 
Italian 
Danish 
Dutch 
Portuguese 
Hindi 
Polish 
Czech