WordPress je celosvětově nejoblíbenější systém pro správu obsahu. V dnešní době se již nepoužívá pouze jako nástroj pro blogování. Místo toho může pohánět širokou škálu webových stránek, včetně elektronického obchodu.
Ve skutečnosti počet webových stránek elektronického obchodu, které jsou vytvořeny pomocí WordPress, neustále roste. Pokud provozujete web WordPress eCommerce, jak jej můžete zrychlit?
Jinými slovy, jak zrychlíte web WordPress eCommerce? Tento článek s odpovědí na tuto otázku a poskytuje užitečné nápady pro urychlení webové stránky elektronického obchodu WordPress.
Začínáme
Obrázek kreditů:
Existují různé způsoby, jak vytvořit a nastavit web WordPress eCommerce. Všechny tyto způsoby se samozřejmě točí kolem používání konkrétního WordPressu plugin. Obecně řečeno, WooCommerce je nejoblíbenějším řešením elektronického obchodu pro uživatele WordPress. Je zřejmé, že většina metod optimalizace a zrychlení se točí kolem WooCommerce.
Nicméně, co když nejste a WooCommerce uživatel? Existuje mnoho dalších plugins tam, které vám mohou pomoci sestavit web WordPress eCommerce. Můžete například použít Easy Digital Downloads který vám umožní vytvořit eCommerce obchod s digitálními produkty (na rozdíl od fyzických produktů) a tak dále.
Bez ohledu na WP plugin nebo rozšíření, která používáte, stále musíte podniknout určité běžné kroky ke zrychlení vašeho webu elektronického obchodu WordPress. Ale předtím musíte vědět, jak pomalý může být váš web!
Testování rychlosti
Dobrý test rychlosti webu a doby načítání stránky by měl být proveden v nezávislém prostředí. Proto byste měli používat vzdálený server, případně z více míst. Tím se vyloučí faktory, jako je ukládání do mezipaměti prohlížeče, a získáte skutečný obrázek o velikosti stránky, době načítání, vodopádu atd.
Nástroje jako Pingdom a GTmetrix jsou v tomto ohledu velmi užitečné. Můžete jej spustit na adrese URL svého webu a zobrazit výsledky spolu s oblastmi, kde se můžete zlepšit.
Pro účely webu WordPress eCommerce byste měli spustit testy rychlosti na hlavní stránce vašeho obchodu. Pokud používáte WooCommerce, zkuste spustit testy na stránce obchodu nebo na stránce jednoho produktu.
Po dokončení testu vám poskytne zprávu o tom, co přesně zpomaluje váš web WordPress eCommerce. Například následující test (provedený dne Shopifydomovská stránka uživatele) ukazuje, že ukládání do mezipaměti prohlížeče, kombinace JS a menší přesměrování mohou prodloužit dobu načítání stránky.
Výsledky se samozřejmě budou lišit od jednoho webu k druhému. Pomůže vám to však získat reálnou představu o tom, kde se váš web elektronického obchodu WordPress pomalu načítá.
Nyní se vracíme k velké otázce: jak můžeme zrychlit náš web WordPress eCommerce?
Hosting a CDN
Je všeobecně známo, že byste se měli rozhodnout pro spolehlivé, kvalitní a dobře optimalizované webhostingové řešení pro svůj web WordPress eCommerce. Bohužel, webhostingové odvětví je dnes plné webových hostitelů, kteří často poskytují služby pod úrovní.
To může nepříznivě ovlivnit výkon vašeho webu. Bez ohledu na metody optimalizace, které nasadíte, se váš web eCommerce WP nemusí načítat rychleji kvůli pomalému a pomalému serveru.
Naštěstí máme srovnávací příručku, která vám může pomoci posoudit typ plánu hostingu, který potřebujete, a který poskytovatel webhostingu může vyhovovat vašim potřebám. Koukni na to zde.
Díky tomu nikdy nepodceňujte význam a Content Delivery Network. Bez ohledu na to, jak dobrý je váš webhosting, CDN jej vždy dokáže vylepšit a zrychlit. Pokud má váš eCommerce obchod zákazníky po celém světě nebo v různých zemích, je použití CDN nutností.
Síť pro doručování obsahu v podstatě zrychluje váš web tím, že jeho stránky obsluhuje z geograficky různorodého shluku serverů. Řekněme například, že váš web je hostován na serveru na Floridě. Pokud nyní váš web navštíví uživatel z Bangkoku, načtení stránky mu bude trvat déle. To je způsobeno geografickou vzdáleností, více ISP atd. Na druhou stranu, pokud používáte síť pro doručování obsahu, CDN poskytne kopii obsahu vašeho webu z místa blíže Bangkoku, řekněme Singapuru. Přirozeně to prodlouží dobu načítání stránky a rychleji zobrazí obsah.
CloudFlare a MaxCDN jsou dvě oblíbené možnosti pro integraci s webem elektronického obchodu WordPress. K testování vod můžete dokonce použít bezplatný plán CloudFlare, i když pro optimální výkon je placený plán dobrou investicí.
Optimalizace obrázků
Obrázky jsou důležitou součástí každého e-shopu. Chcete-li zlepšit dobu načítání stránky, je dobré věnovat nějaký čas optimalizaci obrázků produktů, miniatur atd.
WordPress plugins jako TinyPNG se může ukázat jako užitečné pro kompresi a optimalizaci obrázků, když je nahrajete.
Další metodou, kterou zde lze použít, je líné načítání obrázků. Líné načítání znamená, že daná sada obrázků se nenačte, dokud uživatel nepřejde dolů na část stránky, kde jsou tyto obrázky umístěny.
Tímto způsobem není negativně ovlivněna celková doba načítání stránky, protože prohlížeč nemusí načítat všechny obrázky najednou. WP plugins jako BJ Lazy Load vám může pomoci dosáhnout toho hned po vybalení.
Protože většina mediálního obsahu vašeho internetového obchodu bude ve formě obrázků, může optimalizace a pomalé načítání obrázků přinést příznivé výsledky.
Použití mezipaměti WordPress Plugin
Cachování je dlouhodobě nejběžnějším řešením pro zrychlení WP webů a blogů. Web WordPress eCommerce není výjimkou z tohoto pravidla. Měli byste zvážit volbu spolehlivého a renomovaného mezipaměti WordPress plugin. Některá hodná jména jsou:
Dále se ujistěte, že plugin který si vyberete, je kompatibilní s vaším elektronickým obchodem WordPress plugin. Pokud používáte WooCommerce, není se čeho bát — většina mezipaměti plugins udržovat WooCommerce obchody na mysli a jsou s nimi plně kompatibilní.
Pro všechny ostatní eCommerce WP plugins, možná budete muset zkontrolovat svůj plugindokumentace.
Kompatibilitou rozumíme ukládání do mezipaměti plugin by měl automaticky detekovat, co potřebuje ukládat do mezipaměti (a co by neměl). Zde je příklad: za žádných okolností vaše WP mezipaměť plugin by měl ukládat do mezipaměti stránky Košík a Pokladna.
Tyto stránky je třeba generovat pouze na základě výběru uživatele — neexistuje žádná statická kopie, kterou by bylo možné obsluhovat.
Podobně není nutné ukládat do mezipaměti widgety nákupního košíku (nebo ikony, které jsou často umístěny v záhlaví nebo na liště nabídek eCommerce obchodů). U webů elektronického obchodu WordPress je dobré aktivovat minifikaci CSS a HTML, ale vyhnout se minifikaci JavaScriptu.
Mnoho elektronického obchodu plugins spolehnout se na JS pro načítání widgetů nákupního košíku za běhu. JS minifikace nebo cachování zde může způsobit problémy — uživatel si může přidat produkt do košíku a ten bude úspěšně přidán.
Stránka však bude stále zobrazovat prázdný košík – JS byl uložen do mezipaměti, a proto se nepodařilo aktualizovat nákupní košík, pokud se neobnoví celá stránka.
I když tedy můžete (a měli byste) ukládat soubory JavaScript do mezipaměti a minimalizovat je na blozích WP, v obchodech WP eCommerce to není dobrý nápad.
Použití AJAX v nákupním košíku
Je běžnou praxí používat AJAX k vykreslení detailů nákupního košíku. Většina WP eCommerce plugins, počítaje v to WooCommerce, také udělejte totéž. Funguje to takto:
Uživatel si vybere produkt a klikne na tlačítko „Přidat do košíku“. Produkt se přidá do košíku. Dále se na stránce aktualizují dvě hodnoty: tlačítko Přidat do košíku produktu zobrazuje „Přidáno do košíku“ nebo „Již v košíku“ (nebo podobně) a widget nákupního košíku (nebo tlačítko) zobrazuje aktualizovaný počet produktů. Zbytek stránky? Není ani obnovena ani změněna.
Toto selektivní obnovení se děje pomocí volání AJAX. Negativní částí této funkce je to, že volání AJAX vyžadují čas a vždy nepříznivě ovlivňují dobu načítání stránky.
Takže bez ohledu na to, zda uživatel přidá produkt k volání, nebo ne (tedy zda je nebo není třeba aktualizovat košík pomocí AJAX), knihovny je stále třeba načíst.
Pokud zde opravdu chcete získat nějaké zvýšení výkonu, můžete zakázat volání AJAX (použít jednoduchý plugin jako je tento) a pak mít svůj elektronický obchod plugin přesměrovat uživatele do nákupního košíku po přidání produktu do košíku. Zde je návod, jak to udělat v WooCommerce:
Jednoduše přejděte na Nastavení a poté na kartu Produkty. Vyberte možnost „přesměrovat do košíku“. Poté svůj výběr uložte (pokud chcete, můžete také zakázat AJAX v archivech).
Když už jsme u toho, jednoduchý, ale velmi užitečný WordPress plugin bude WooCommerce Oprava odvodu rychlosti. Jednoduše přestane načítat metody AJAX a další WooCommerce funguje na non-WooCommerce stránky (řekněme váš blog nebo o stránce). Může vám to pomoci urychlit váš e-commerce web WordPress.
Optimalizace databáze
Obrázek kreditů:
Pomalá a špatně optimalizovaná databáze WordPress může váš web zastavit. To platí zejména v případě eCommerce obchodů běžících na WP. Existuje více databázových tabulek a položek než obvykle. Nemusíte se zabývat pouze tabulkami a záznamy u příspěvků, stránek a komentářů. Navíc budete mít záznamy a tabulky pro své produkty, atributy produktů, objednávky atd.
Můžete se rozhodnout pro populární WP plugin jako WP Optimize or WP Sweep. Takový plugins může prohledávat vaši databázi, odstraňovat fragmenty a zbytečné režie atd. Pravidelným čištěním databáze WP můžete prodloužit dobu načítání stránky, protože databázové dotazy budou probíhat rychleji.
Proč investovat do čističky vzduchu?
Tím se dostáváme na konec tohoto příspěvku. Diskutovali jsme o způsobech, jak se vyhnout načítání zbytečných skriptů na stránkách elektronického obchodu, optimalizovat databáze, používat ukládání do mezipaměti a CDN atd., abychom urychlili jakýkoli web elektronického obchodu WordPress.
Pokud provozujete nebo spravujete web WordPress eCommerce, jakou strategii nebo metody používáte k jeho urychlení? Podělte se o své názory v komentářích níže!
Komentáře 0 Odpovědi