Jak rychle se váš web načítá, může mít přímý vliv na to, zda se z návštěvníků stanou noví zákazníci a fanoušci. Když se vaše stránky dostanou k návštěvníkům rychle, dáte všem šanci zapojit se do vašeho obsahu. Navíc rychlost načítání stránek a doba odezvy serveru jsou významnými faktory, které ovlivňují hodnocení vašeho webu ve službě Google.
Pokud však nezkrátíte dobu odezvy serveru a načítání (i ovládacího panelu) bude trvat dvě a více sekund, poskytnete návštěvníkům méně než optimální zážitek a mnozí odejdou ještě předtím, než se váš web dokončí načítat. Pokud tedy načítání vašeho webu na notebooku, telefonu nebo tabletu trvá déle než několik sekund, možná máte co dělat, abyste dobu načítání minimalizovali.
Dobrá zpráva je, že s tím můžete něco udělat. Pokud chcete zlepšit dobu odezvy serveru na svých webových stránkách WordPress, jste na správném místě.
- Nejprve to vyzkoušejte
- Příliš mnoho nainstalovaných pluginů WordPress
- Render-Blocking JavaScript
- Zbytečně dlouhé CSS nebo JavaScript
- Obrázky nejsou komprimované ani optimalizované
- Pomalá doba odezvy serveru
- Zbytečné přesměrování stránek a příspěvků
- WordPress je zastaralý
- Nevyužitá komprese
- BONUS: Otestujte svůj web pro mobilní zařízení
- Tak proč je váš web pomalý?“
Nejprve to vyzkoušejte
⁉️Jestliže si nejste jisti, zda máte špatné připojení, pomalý internet nebo celkově chybný web, vyzkoušejte to! Klikněte pro Tweet na jeden z mnoha nástrojů na internetu. Jedním z takových nástrojů je i nástroj Page Speed Insights od společnosti Google. Existují i další dobré nástroje, například GT Metrix a Pingdom.
Jediným zadáním vlastní adresy URL do webu můžete získat údaje o 10 pravidlech, podle kterých budou váš web posuzovat. Patří mezi ně doba odezvy serveru, přesměrování stránek, optimalizované obrázky a další pravidla, se kterými se seznámí jen odborník na kódování nebo WordPress.
Příliš mnoho nainstalovaných pluginů WordPress
Jednou z nejlepších věcí na systému WordPress jsou pluginy. Umožňují optimalizovat a přizpůsobit web podle vašich představ. Díky všem bezplatným možnostem se však snadno stane, že si nainstalujete všechny pluginy, ať už je využijete, nebo ne. Nezapomeňte, že každý z těchto zásuvných modulů může přidat další čas načítání a některé ho mohou dokonce zdvojnásobit.
Nejste si jisti, zda ano, nebo ne? Zkuste postupně deaktivovat jednotlivé zásuvné moduly. Poté znovu otestujte rychlost stránky. Pokud najdete jeden nebo dva rušivé zásuvné moduly, zkuste je nahradit jiným lehčím zásuvným modulem nebo se podívejte po možnosti kódování. Dávejte si pozor na zásuvné moduly pro ukládání do mezipaměti, které slibují, že zvládnou vše. Mohou zpomalit dobu odezvy a přesto nemusí problém ani vyřešit. V mnoha případech lze toho, co dělají, dosáhnout pomocí kódování.
Dobrý počet zásuvných modulů WordPressu pro libovolné stránky je 5-10. Existuje však mnoho pluginů, které slouží jako jakési vše v jednom. Například Visual Composer je skvělý nástroj pro tvorbu stránek. Jeho součástí je také možnost kontaktního formuláře, možnosti posuvníku a další funkce – díky nimž odpadá potřeba dalších podobných pluginů WordPressu, které mohou zpomalovat odezvu serveru.
Render-Blocking JavaScript
Pokud jste si všimli screenshotu našeho vlastního testu na webu, tento problém se objevil jako první. Dochází k němu, když se prohlížeč pokouší vykreslit stránku a narazí na skript, který musí provést, než může pokračovat v načítání. To způsobuje prodloužení doby načítání a může způsobit pomalost webu.
V případě externích skriptů je doba načítání ovlivněna dobou stahování zdroje. To může prohlížeč donutit k několikanásobnému pokusu o načtení. Mezi tyto typy skriptů patří externí widgety, například pro Twitter nebo Facebook, nebo něco, co je vloženo. Nejlépe se to řeší několika úryvky kódu, ale každý web je jiný.
Zbytečně dlouhé CSS nebo JavaScript
CSS neboli kaskádové styly udávají tón webu a obsahují pokyny pro prohlížeč, jaké barvy má načíst, typ a velikost písma, kód tabulky, záhlaví, zápatí, menu atd. Tyto typy souborů mohou mít desítky stránek a stovky řádků kódu.
Mnoho z těchto souborů však obsahuje další mezery, zalomení řádků a další informace, které web nepotřebuje načítat. Vzhledem k tomu, kolikrát se tyto druhy bitů navíc mohou v souboru objevit, může to vašemu webu přidat spoustu času na načtení.
Odstraněním každého z těchto bitů můžete svůj web zrychlit. Někteří se rozhodnou eliminovat každý bit ručně, což může být časově náročné a zároveň nebezpečné. Stačí jedno špatné odstranění a můžete svůj web zhroutit. Naštěstí je snadným řešením minifikovat CSS na webu.
Obrázky nejsou komprimované ani optimalizované
Co je to za dobrý web bez dobrých obrázků? Na velikosti však záleží. Obrázek o rozměrech 5000 × 3000 px je sice skvělý pro zarámování, ale pro váš web je příšerný. Mějte na paměti, že většina obrazovek stolních počítačů má šířku 1920px a obrazovky mobilních telefonů obvykle nejsou širší než 700px.
V závislosti na tom, jak očekáváte, že budou návštěvníci k webu přistupovat, není třeba nikdy publikovat obrázek větší než tento. A pokud plánujete použít obrázek na polovinu stránky, změňte před nahráním jeho velikost na polovinu. Můžete to udělat v počítači Mac pomocí aplikace Preview, v systému Windows pomocí aplikace Picture Manager nebo dokonce online na stránkách Pixlr, Fotor nebo jiném podobném webu pro úpravu fotografií.
Teď, když má váš obrázek správnou šířku a výšku, se ujistěte, že má také správnou velikost souboru. DPI znamená „body na palec“ a je to dobrý způsob, jak snížit velikost obrázku. Zatímco DPI 300 je pro mnoho obrázků pro tisk v pořádku, pro většinu obrazovek – zejména mobilních – je nadměrné. DPI 72 je pro publikování na webu poměrně standardní a může optimalizovat dobu načítání obrázků.
Nakonec existuje doplněk WP Smush, který vám pomůže komprimovat obrázky, i když jsou již nahrané. Automaticky komprimuje obrázky, které nahrajete po jeho instalaci. Můžete jej také použít ke komprimaci již nahraných obrázků stisknutím výzvy „smush it“, kterou vám nabídne.
Pomalá doba odezvy serveru
Jedním z důvodů, proč je WordPress tak pomalý, samozřejmě nemusí být vaše chyba. Váš webový hostitel (Bluehost, Hostgator, iPage atd.) může šetřit na tom, jakou rychlost vám poskytuje, takže je téměř nemožné snížit dobu odezvy serveru WordPressu pro vaše webové stránky. Dva nejběžnější typy hostingu jsou:
- Sdílený hosting nebo virtuální hosting – tyto druhy serverů jsou jakýmsi společným vlastnictvím, ve kterém hostuje více webových stránek, včetně té vaší. To znamená, že ve špičce vaše webové stránky soutěží se všemi ostatními na serveru o to, aby se k návštěvníkům dostaly co nejrychleji. Tento typ hostingu také usnadňuje hacknutí vašeho webu někým, kdo sdílí váš server. Existují zde kvalitní poskytovatelé, například SiteGround, ale při hostování na sdílených serverech byste měli být vždy obezřetní.
- Plně spravovaný WordPress hosting – Tento typ serveru je určen výhradně pro vás a vaše webové stránky. Jeho výpočetní výkon a zdroje jsou vyhrazeny pouze vám, což ho může prodražit. Bude však rychlejší a bezpečnější.
Zbytečné přesměrování stránek a příspěvků
Je váš web již nějakou dobu v provozu? Možná jste v posledních letech smazali několik stránek, používali jinou platformu než WordPress nebo provedli jiné významné změny. Ostatní weby, které na vás odkazovaly (a dokonce i vyhledávače), však mohou mít vaše staré adresy URL.
Tyto adresy URL mohou odkazovat na mrtvou stránku nebo červenou stránku s názvem „301 Moved Permanently“ nebo „302 Found“. V podstatě to znamená, že váš server musí na tyto stránky přejít dříve, než přejde na skutečnou stránku, což je úkol, který prodlužuje dobu načítání. Existuje mnoho řešení tohoto typu problému, včetně ruční úpravy externích odkazů, odstranění starých stránek, přidání lepšího kódu přesměrování nebo dokonce navrácení těchto stránek zpět.
WordPress je zastaralý
Může být nepříjemné, když vás WordPress několikrát týdně žádá o aktualizaci. Často se to týká zásuvných modulů, témat nebo dokonce samotného systému CMS. I když to může být nepříjemné a při aktualizaci nekompatibilních položek může dojít i ke zhroucení webu, může to stát za to.
Pomalá odezva může být způsobena zastaralými nástroji a problém lze vyřešit jednoduchým kliknutím. Tyto typy aktualizací často přicházejí s vylepšeními a mnohé z nich zohledňují rychlost. Pokud si nejste jisti, proveďte test rychlosti před aktualizacemi a po nich.
Nevyužitá komprese
Podobně jako miniaturizaci CSS a JavaScriptu lze i další prvky WordPressu optimalizovat odstraněním nepotřebného kódu, tedy „kompresí“. Tomu lze také říkat komprese gzip nebo podobně.
Všechny dnešní prohlížeče podporují tento typ komprese gzip pro všechny požadavky HTTP nebo HTTPS. ☝️Zapnutí komprese gzip může zlepšit pomalou dobu odezvy až o 90 %! Click To Tweet Tento jediný trik může být „řešením pro všechny velikosti“, proč je WordPress tak pomalý, proto je důležité ho provést a ujistit se, že je proveden správně. Kompresi Gzip lze provést pomocí pluginu, kódování nebo jiného nástroje a my ji vřele doporučujeme.
BONUS: Otestujte svůj web pro mobilní zařízení
Pokud chcete otestovat, zda všechny tyto změny zanechaly váš web vhodný pro mobilní zařízení, použijte tento bezplatný nástroj. Nástroj Google Mobile Friendly Test otestuje a následně vám ukáže, jak váš web vypadá na mobilním telefonu. My jsme jím nechali projít web WP Buffs a test dopadl pozitivně. těm, kteří testem neprojdou, poskytneme důvody a také tipy, jak své stránky opravit.
Tak proč je váš web pomalý?“
Doufejme, že vám to pomůže vyřešit, proč je váš web pomalý, a zlepšit zpožděnou odezvu. Pokud se nevyznáte v kódování, potřebujete pomoc s optimalizací obrázků nebo podobnými úkoly nebo chcete co nejlépe využít svůj web ve WordPressu, kontaktujte nás a zjistěte, jak vám můžeme pomoci. Můžete se také přihlásit k odběru našeho bezplatného newsletteru a dostávat úžasné tipy přímo do své e-mailové schránky. A pokud potřebujete další pomoc se zrychlením svých webových stránek, zde najdete vše, co děláme pro optimalizaci výkonu ve WP Buffs, a několik tipů z WPblog.
.