Pomalé webové stránky nejenže způsobují nespokojenost návštěvníků, ale také poškozují vaše hodnocení v Googlu. V tomto článku vám ukážeme, jak optimalizovat rychlost stránek WordPress. Zaměříme se především na méně obvyklé tipy a triky, které lze použít k vyladění webu WordPress z hlediska rychlosti stránek.

Důležité: Hodnoty služby Google PageSpeed neodpovídají skutečné době načítání. Webové stránky WordPress se mohou načítat rychle, ale přesto nemusí být dokonale optimalizované (tj. nemusí mít dokonalé hodnoty PageSpeed). Dokonalé skóre na webu Google PageSpeed Insights by proto nemělo být nutně cílem. Místo toho je důležité vyzkoušet různé věci a vyfiltrovat opatření a nastavovací šrouby, které mají skutečně znatelný vliv na dobu načítání vašeho webu WordPress.

Před optimalizací: Rychlost měření

Než začnete optimalizovat rychlost stránek WordPress, měli byste vědět, jak si vaše webové stránky aktuálně stojí z hlediska optimalizace výkonu. Pro váš audit jsou klíčové čtyři hodnoty:

• První barva obsahu (FCP ) udává, jak rychle se na stránce zobrazí první prvky. V podstatě měří vnímanou dobu načítání a je důležitý zejména při optimalizaci.
• Největší obsahová barva (LCP ) vyjadřuje, jak dlouho trvá načtení zbývajících prvků hlavního obsahu stránky po načtení prvního prvku.
• Zpoždění prvního vstupu (FID) měří, jak dlouho trvá, než návštěvníci mohou s vaším webem skutečně interagovat.
• Kumulativní posun rozložení (CLS ) by měl být v ideálním případě vždy nulový. Tato hodnota označuje posuny v rozložení, které například vedou k tomu, že uživatelé kliknou na nesprávné tlačítko.

Na rozdíl od doby do prvního sousta (TTFB) - doby od prvního požadavku do odpovědi serveru - jsou tyto hodnoty zaměřeny na uživatele. Nejsou zaměřeny výhradně na výkon systému WordPress. To znamená, že jsou méně závislé na opatřeních, jako je ukládání do mezipaměti (na straně serveru) a správný hosting WordPressu. Místo toho záleží na tom, abyste své stránky vytvářeli chytře. Například by se měly načítat ve správném pořadí - ale o tom až později.

Pokud chcete změřit rychlost svých webových stránek WordPress, je k dispozici několik online nástrojů, včetně:

• Google PageSpeed Insights
• GTmetrix
• Maják (rozšíření pro Google Chrome)
• WebPageTest

Společnosti Google a GTmetrix vám zde nabízejí velmi podrobné informace o WordPressu PageSpeed Insights . Pouze WebPageTest však měří také vnímanou dobu načítání. Na co byste si při používání tohoto poněkud složitějšího nástroje měli dát pozor, se dozvíte v našem článku WebPageTest: Analýza výkonu vašich webových stránek.

Jaká je správná rychlost stránky?

Veškeré testování je k ničemu, pokud nevíte, jak výsledky následně klasifikovat. Než se tedy dostaneme k tipům pro optimalizaci, řekneme vám odpověď na otázku: Která hodnota rychlosti stránky je vlastně dobrá? Podíváme se krátce na stránky Google PageSpeed Insights a GTmetrix.

Důležité: Pokud váš web obsahuje také blog nebo časopis, měli byste kromě domovské stránky vždy měřit rychlost stránky alespoň u jednoho článku. Kromě toho byste měli rychlost stránky uvést do souvislosti s typem webu, kterým se zabýváte. U jednoduchého blogu je mnohem reálnější dosáhnout ideálních hodnot PageSpeed než u propracovaného webu s rozšířenými funkcemi.

Google PageSpeed Insights

Stránka PageSpeed Insights, kterou nástroj společnosti Google poskytuje, se týká méně skutečné doby načítání než stupně optimalizace. Chcete-li provést test, jednoduše sem zadejte svou adresu URL (např. domovskou stránku nebo podstránku v časopise či blogu). Společnost Google vám pak ve výchozím nastavení zobrazí výsledek testu pro mobilní verzi stránky. Můžete ji však také změnit na verzi pro stolní počítače.

Výsledky výkonnosti jsou přehledné a barevně odlišené podle systému semaforů:

• Červená = 0 až 49 bodů = špatný stav
• Oranžová = 50 až 89 bodů = střední
• Zelená = 90 až 100 bodů = dobrá

V praxi však není výklad tak jednoduchý. Mimo jiné není bezpodmínečně nutné dosáhnout hodnoty v zeleném pásmu, aby vaše webové stránky získaly dynamiku.

Místo toho si můžete zapamatovat pravidlo : Na mobilu byste se měli pohybovat alespoň v oranžovém pásmu, cokoli nad hodnotou přibližně 70 je již dobré. U stolních počítačů se rozhodně můžete zaměřit na zelené pásmo - ale ani zde nemusíte mít 100 bodů.

GTmetrix

GTmetrix je také poměrně jednoduchý nástroj, ale měří především skutečnou dobu načítání vašich webových stránek. Poznámka : Před měřením byste se měli zdarma zaregistrovat a změnit místo měření z Vancouveru na Londýn.

Rychlost svých webových stránek můžete také zkontrolovat pomocí našeho testu rychlosti WordPressu. Stačí zadat adresu URL a naši odborníci na WordPress pro vás zkontrolují rychlost vašich webových stránek WordPress. Po maximálně 48 hodinách obdržíte e-mail se všemi podrobnostmi o testu a kompletním výsledkem měření GTmetrix se všemi relevantními údaji o výkonu (včetně Core Web Vitals).

Platí zde následující pravidlo: Měli byste dosáhnout alespoň hodnocení B.

Optimalizace rychlosti stránek WordPressu: 5 tipů

Pokud chcete skutečně efektivně optimalizovat rychlost stránek WordPress, měli byste se ujistit, že se vaše opatření vyplatí v jednom z těchto čtyř hlavních parametrů:

• Zmenšení velikosti webových stránek
• Snížení počtu požadavků HTTP
• Komprese datových paketů
• Optimalizace vnímané doby načítání

Náš tip: Vždy byste se měli nejprve zaměřit na "nízko visící ovoce" a například aktivovat mezipaměť (zásuvný modul nebo na straně serveru), omezit HTML, CSS a JavaScript, vyčistit WordPress nebo optimalizovat obrázky pro WordPress. Rychlý hosting WordPressu také zajistí, že vás technologie nebude zpomalovat všemi optimalizacemi.

Celkově existuje mnoho snadno proveditelných opatření, kterými můžete zkrátit dobu načítání svých webových stránek WordPress. Ty základní jsme pro vás již shrnuli v několika článcích a samozřejmě vás o ně nechceme ochudit ani zde:

• Optimalizujte WordPress pomocí 10 nejdůležitějších nastavovacích šroubů
• Rychlejší WordPress: Nejlepší tipy pro vyšší výkon
• PageSpeed Insights & význam rychlosti webových stránek
• Drž hubu Google PageSpeed! Oprava nejdůležitějších chybových zpráv

Máte již nastaveny všechny základní funkce? Pak vám nyní prozradíme pět dalších tipů a triků, které můžete použít k vyladění rychlosti stránek WordPressu.

#1 Předvídání požadavků DNS

Většina webových stránek obsahuje kód třetích stran. Videa jsou často poskytována prostřednictvím samostatného videohostingu (např. přes YouTube nebo Vimeo). Na své webové stránky jste pravděpodobně integrovali také služby, jako jsou Mapy Google nebo sociální kanály z Instagramu & Co. Zjednodušeně řečeno, všechny tyto služby musí být pro své fungování načteny z externího serveru poskytovatele třetí strany prostřednictvím požadavků DNS. To zabere určitý čas a může způsobit pomalejší načítání vašich webových stránek.

Jedním ze způsobů, jak ušetřit čas a optimalizovat rychlost stránek WordPress, je přednačítání DNS. Zde se dotazy DNS na stránce provádějí na pozadí ještě předtím, než uživatelé skutečně kliknou na příslušný odkaz, například na video. Tímto způsobem již proběhlo vyhledávání DNS a zkracuje se doba čekání uživatelů. Výsledek: lepší uživatelský zážitek a vyšší rychlost stránek.

Přednačítání DNS můžete nastavit pomocí výkonnostního pluginu pro WordPress, například Perfmatters nebo WP Rocket.

#2 Snížení externího obsahu

Pro rychlost stránek WordPress je ještě lepší, když co nejvíce omezíte externí obsah. Pokud se setkáte s touto chybovou zprávou, raději znovu zvažte, zda opravdu potřebujete vše, co je na vašich webových stránkách aktuálně integrováno prostřednictvím externích služeb.

Pokud ano, můžete také použít líné načítání , aby se část obsahu zobrazila až tehdy, když návštěvníci webu skutečně přejdou na místo, kde je na stránce vložen. To je možné například pomocí pluginů, jako je a3 Lazy Load.

#3 Optimalizujte svá písma

Na první pohled se nezdá, že by písma byla velkou zátěží pro výkon, ale rozhodně mohou rychlost stránky poškodit. Je tomu tak vždy, když jsou, jako například písma Google, dodávána s rozsáhlými soubory stylů, které je třeba nejprve načíst externě nebo integrovat lokálně.

Jedním z řešení jsou zabezpečená webová písma nebo systémová písma, jako je Arial, Helvetica nebo Verdana, která jsou předinstalována v každém zařízení. Poskytují nejlepší dobu načítání a nezpůsobují problémy s GDPR. Pokud v současné době používáte dvě nebo více písem, měli byste také zvážit, zda je nelze omezit.

Pokud nechcete používat zabezpečená webová písma, měli byste přidat atribut zobrazení písma swap. Tímto způsobem se na váš web vždy nejprve načte zabezpečené systémové písmo a později se přepne na skutečné písmo. Obvykle se tak stane tak rychle, že návštěvníci webu změnu ani vizuálně nezaznamenají.

Většina výkonnostních a cachovacích pluginů je vybavena touto funkcí. Můžete ji však také vložit ručně do souborů CSS svého tématu. Vyhledejte pravidlo @font-face a přidejte atribut"font-display: swap;".

#4 Upřednostněte viditelný obsah

Rychlost stránky neurčují pouze holá čísla, ale především to, co uživatelé vnímají: vnímaná doba načítání. Pokud chcete optimalizovat rychlost stránek WordPress, měli byste se zaměřit na oblast "nad záhybem", tedy na to, co je vidět bez posouvání.

Měli byste upřednostnit viditelný obsah a funkce, které mají návštěvníci přímo na obrazovce, když stránku vyvolávají. To znamená, že prohlížeč by měl v ideálním případě při vyvolání webové stránky nejprve obdržet potřebné informace, aby se viditelná oblast zobrazila co nejrychleji.

V praxi však prostředky, které jsou potřeba až později, často blokují vykreslování ve viditelné oblasti stránky. Chcete-li to napravit a zlepšit vnímanou dobu načítání, máte několik možností:

• Zavedení stanovení priorit: Zde určete, co se má načíst jako první. Můžete například upřednostnit obrázky a načíst je až po úplném načtení obsahu (líné načítání).
• CSS- und JavaScript-Dateien nach unten verlegen: JavaScript und CSS im Head der Seite können das Rendering im sichtbaren Bereich blockieren. Am besten verlegst du daher alles, was du zum Beispiel an Skripten und CSS-Dateien nicht sofort benötigst, ganz nach unten auf deine Seite vor das abschließende </body>. Falls das nicht geht, kannst du CSS und JavaScript auch asynchron laden lassen.

#5 Zakázat nepoužívané funkce WordPressu

Ve výchozím nastavení má WordPress povoleny některé funkce, které pravděpodobně nepotřebujete. Přesto se vždy načítají na pozadí - a zpomalují váš web. Pokud chcete rychlost svých stránek posunout na vyšší úroveň, měli byste vždy zkontrolovat, zda můžete nepoužívané funkce vypnout.

Patří mezi ně mimo jiné:

• Zpětné odkazy : Ve výchozím nastavení WordPress komunikuje s jinými webovými stránkami, které umožňují zpětné odkazy (pingbacks) a zpětné odkazy (trackbacks). Pokud tuto funkci nepotřebujete, měli byste ji vypnout.
• Revize: WordPress automaticky vytváří revize všech vašich příspěvků. To může být užitečné, ale časem to vytváří spoustu datového odpadu, který zpomaluje váš web. Nejlepší je počet revizí omezit.
• Emotikony : Od verze 4.2 jsou emotikony součástí jádra WordPressu. Jsou proto načteny vždy, když někdo vyvolá stránku - bez ohledu na to, zda jsou skutečně použity. To stojí drahocenný čas načítání.
• Gravatar: Ve výchozím nastavení Gravatar odesílá požadavky na externí servery v USA pro každý komentář, což zpomaluje výkon vašich webových stránek a je také obtížné z hlediska ochrany dat.

Ačkoli tyto a podobné funkce mají jednotlivě minimální vliv na rychlost načítání, v souhrnu mohou mít skutečný význam. Jejich vypnutím snížíte počet požadavků HTTP a zaplatíte jeden ze čtyř hlavních parametrů optimalizace rychlosti vašich stránek ve WordPressu. Většinu těchto nepoužívaných základních funkcí WordPressu lze deaktivovat několika kliknutími pomocí aplikace Perfmatters nebo WP-Optimize.

Závěr: PageSpeed není všechno

Kromě základních věcí - jako je aktivace mezipaměti, spoléhání se na rychlý hosting nebo vyřešení pluginů - existuje také řada nastavení, která můžete vyladit, abyste zvýšili rychlost stránek WordPress.

Celkově byste se však neměli nechat vytočit skóre na webu Google PageSpeed Insights . Odhaluje sice optimalizační potenciál a poskytuje vám dobrou orientaci, ale v žádném případě není měřítkem všeho. Zakousnout se do něj v honbě za dokonalým výsledkem 100 bodů ze 100 může být také ztrátou času.

Ne všechny optimalizace mají v jednotlivých případech smysl, zejména u tak rozsáhlého systému pro správu obsahu, jako je WordPress. Proto je mnohem důležitější, abyste zkontrolovali a optimalizovali skutečnou a vnímanou dobu načítání vašich webových stránek.

Často kladené otázky o rychlosti stránek WordPress

Co ovlivňuje dobu načítání webových stránek?

Na dobu načítání webových stránek má vliv mnoho faktorů. Mezi nejdůležitější patří velikost webové stránky, počet požadavků HTTP, komprese datových paketů a optimalizace vnímané doby načítání. Základem dobré doby načítání je vždy výkonný a rychlý hosting WordPress.

Jak dlouho se smí stránka načítat?

Studie ukazují, že zejména mobilní uživatelé jednoduše přestanou načítat stránku e-shopy , pokud to trvá déle než tři sekundy. V ideálním případě by doba načítání neměla být delší než dvě sekundy.

Jak důležitá je rychlost stránek?

Rychlost stránky, tj. rychlost načítání vašeho webu, může rozhodnout o tom, zda se uživatelé budou věnovat vám a vašemu podnikání, nebo zda váš web předčasně opustí. Má významný vliv na uživatelský zážitek a ovlivňuje také hodnocení vašich webových stránek v Googlu. Kromě toho příliš dlouhá doba načítání v nejhorším případě ovlivňuje váš konverzní poměr.