Jak udělat svůj web WordPress rychlejší a škálovatelnější.
Podívejte se na našeho průvodce optimalizací výkonu WordPress.
Na výkonu záleží.
Ovlivňuje vaši uživatelskou zkušenost, vaše prodeje a konverze a vaše hodnocení ve vyhledávání.
Lepší konverzní poměr
Studie provedené Amazonem, Googlem a dalšími jasně ukázaly, že rychlejší webové stránky mají lepší konverzní poměr. Čím pomalejší je váš web, tím menší je pravděpodobnost, že váš návštěvník nakoupí, kontaktuje vás nebo okomentuje. O 1 sekundu pomalejší se rovná 7% snížení konverzí.
Více zobrazení stránek
Jednosekundové zpoždění v době načítání stránky se rovná o 11 % méně zobrazení stránek. Čím rychleji se vaše webové stránky načítají, tím je pravděpodobnější, že návštěvníci na vašem webu stráví větší množství času. To je pro vás více zobrazení stránek a více peněz z reklam.
Lepší pořadí
Google miluje rychlejší weby. Rychlejší web má lepší pozici ve vyhledávačích, což vede k většímu počtu návštěvníků vašeho webu. Jistě, nemůžeme zaručit lepší umístění ve výsledcích vyhledávání, ale rychlejší web zvýší vaše šance na lepší umístění.
Více peněz
Lehký web spotřebuje méně serverových zdrojů, takže bude schopen udržet vyšší provoz bez nutnosti upgradovat váš hostingový plán. Pokud tedy máte optimalizovaný web, můžete jej hostovat i na sdíleném hostingovém plánu a ušetřit peníze.
Co se stane, když někdo navštíví stránku na vašem webu WordPress?
Chcete-li urychlit svůj web WordPress, je důležité pochopit, jak věci fungují, abyste mohli použít správné opravy.
Uživatel klikne na odkaz na váš web
Při přístupu na váš web prohlížeč návštěvníka zkontroluje IP vaší domény v DNS a poté odešle požadavek na stránku na server. Pokud web používá SSL, klient a server vyjednají zabezpečené připojení před dokončením požadavku.
Server vytvoří HTML
Server přijme požadavek a zpracuje kód webu. Databáze a souborový systém jsou dotazovány na všechny požadované prvky a je zkompilována HTML stránka. Po vytvoření HTML jej server odešle zpět do prohlížeče.
Server odešle HTML do prohlížeče
Po vytvoření HTML jej server odešle do prohlížeče.
Prohlížeč čte HTML a požaduje všechny prvky
Prohlížeč obdrží HTML kód, přečte kód a vidí, že potřebuje více prvků (CSS soubory, fonty, obrázky, Javascript soubory). Mohou pocházet ze stejného serveru nebo z jiných serverů, v takovém případě vyžadují nové dotazy DNS a připojení SSL.
Prohlížeč začne vytvářet stránku
Zatímco stále shromažďuje prvky, prohlížeč začne vytvářet stránku a zobrazí první verzi stránky. Jmenuje se First Contentful Paint (FCP) a je to důležitá metrika. Protože se načítání stránky nedokončilo, uživatel s ní zatím nemůže pracovat.
Prohlížeč připraví stránku na interakci
Než může uživatel začít se stránkou interagovat, klikat nebo posouvat, musí být na stránce shromážděno několik prvků, aby prohlížeč připravil stránku na interakci.
Stránka je připravena k použití
Když se načtou všechny prvky a všechny skripty dokončí své konfigurační úkoly, stránka je konečně připravena k použití. Naším cílem při optimalizaci webu je tedy dosažení stavu „připraveno k použití“ v co nejkratším čase.
Doba načítání stránky se skládá ze 3 částí.
Byla použita fráze „rychlost načítání stránek“, ale ve skutečnosti je to ČAS, nikoli rychlost.
01.
Doba odezvy serveru
Doba odezvy serveru je to, co má největší dopad na uživatelskou zkušenost. Zde funguje server a běží na něm PHP kód webu. Pokud je tento první požadavek pomalý, všechny ostatní kroky při prohlížení webové stránky budou zpožděny.
02.
Doba přenosu dat
Doba přenosu dat je doba potřebná k přenosu prvků, které tvoří stránku, ze serveru (nebo serverů) do prohlížeče. Záleží na množství dat a vzdálenosti, kterou musí ujet.
03.
Doba vykreslování stránky
Doba vykreslování je ovlivněna kvalitou a složitostí interpretovaného kódu, počtem prvků a jejich velikostí a také rychlostí zařízení, na kterém prohlížeč běží.
01.
Jak zlepšit dobu odezvy serveru?
Zde funguje server, který zpracovává PHP kód. Cílem je dát serveru co nejméně práce. Nebo dát práci co nejvíce serveru. Ideálně… obojí.
Mezipaměť celé stránky
Nainstalujte si plugin pro mezipaměť WordPress nebo si promluvte s poskytovatelem hostingu o ukládání do mezipaměti na úrovni serveru nebo o pomoci s integrací okrajového mezipaměti.
Používejte lepší pluginy
Otestujte využití zdrojů pluginů WordPress; zkontrolujte, zda existují zásuvné moduly, které vytvářejí požadavky, které nelze uložit do mezipaměti; nahradit je lepšími.
Používejte lepší témata
Otestujte využití zdrojů vašeho aktivního motivu WordPress a v případě problémů jej nahraďte lehčím motivem.
Optimalizace databáze
Vyčistěte osiřelé meta_keys z tabulky wp_postmeta; čisté položky pomocí autoload:yes z tabulky wp_options; vyčistí staré položky zásuvných modulů a témat; smazat prošlé přechodné jevy; změnit motor stolu na INNODB.
Nastavení WordPressu
Zakázat trackbacky, pingbacky, emoji, vkládání; zakázat nebo omezit revize; nastavit pravidelné čištění odpadků; zakázat nebo upravit rozhraní API pro srdeční tep; deaktivovat xml-rpc, pokud není potřeba; nastavit cronjob serveru.
Získejte lepší hosting
Sdílený webhosting nemůže zaručit stálý výkon. Pokud je pro vás výkon kritický, vyzkoušejte spravovaný hosting WordPress nebo spravované řešení WooCommerce Hosting.
02.
Jak zlepšit dobu přenosu dat?
Cílem je snížit množství dat, která je třeba přenést ze serveru do prohlížeče, a zkrátit vzdálenost, na kterou jsou data přenášena.
Optimalizujte obrázky
Nepoužívejte vyšší rozlišení, než je nutné; pro každý scénář použijte správný formát (jpg, png, svg, webp); vyčistit server od nepoužitých obrázků.
Optimalizujte CSS a JS
- odstranit zbytečné CSS a JS
- zřetězit CSS a JS
- minimalizovat CSS a JS
Optimalizujte písma
- použijte pouze jeden font, maximálně 2 (jeden pro nadpisy, jeden pro tělo)
- obsluhuje soubory písem z vašeho serveru
- případně použijte systémová písma
Použijte CDN
- Cloudflare (zdarma)
- Quic.cloud
- BunnyCDN
- KeyCDN
- AWS Cloudfront
- Google Cloud CDN
- Rychle
03.
Jak zlepšit dobu vykreslování stránky?
Zde funguje prohlížeč na zařízení návštěvníka. Nemůžeme ovlivnit rychlost jeho internetového připojení, ani výpočetní výkon jeho zařízení, pouze tomu prohlížeči můžeme dát méně práce.
DOM
Snižte složitost DOM pomocí nativních Gutenbergových bloků k vytváření stránek namísto zásuvných modulů pro tvorbu stránek.
Javascript
Čím více JS na svém webu máte, tím těžší bude dosáhnout rychlého vykreslování. Odstraňte, co můžete, odložte a odložte, co nemůžete.
CSS
Snižte složitost CSS, odstraňte syntaktické chyby, omezte používání @import a !important, odstraňte duplicitní, nadbytečné selektory a vlastnosti.
Nechte svůj web létat pomocí Simplenet Hosting.
Přihlaste se ještě dnes k plánu hostingu a získejte ZDARMA audit výkonu a optimalizaci.
