WordPress

Zrychlete svůj WordPressový web za 10 minut a bez složitého nastavování

Technická stránka webu je zásadní pro čtenáře, kteří mohou web snadno a rychle otevřít a vyznají se v něm, tak zákonitě i pro vyhledávače, které zkoumají a měří, jak rychle se weby načítají. Pokud se web načítá dlouho, samozřejmě je to pro čtenáře nepříjemné a i vyhledávače tento web nehodnotí tak dobře, což se projeví na pozicích ve výsledcích vyhledávání. Technická stránka webu a rychlost načítání můžeme řadit mezi hlavní trojku optimalizace pro vyhledávače spolu s kvalitním obsahem a odkazovým portfoliem.

Zvládnout perfektně technickou stránku webu je samozřejmě oříšek i pro zkušené webové matadory, na druhou stranu zvládnout technickou stránku webu tak, aby byla na 95 % v naprostém pořádku, zvládne na WordPressu opravdu každý během několika minut, i když vše děláte poprvé a moc se v technických aspektech webů nevyznáte.

Podíváme se, jak se postarat o to, aby se váš web načítal rychle, a díky tomu se líbil jak čtenářům, tak vyhledávačům.

Vyberte si dobře zpracovanou šablonu

Pokud už šablonu máte vybranou, koupenou nebo používáte nějakou, se kterou jste spokojeni, přejděte k dalšímu nadpisu. Jestli ale ne, tak je i tento krok důležitý, protože na šabloně technická stránka webu stojí a padá.

Výběr optimalizované šablony je pro rychlost webu důležitý. Některé šablony jsou zahlceny funkcemi, které nikdo nepotřebuje, nemají dobře zpracované použití obrázků a tak podobně. Před použitím šablony si vyzkoušejte, jak web funguje a jaké má hodnocení. Klasika v testování je GTmetrix. Jen zadáte URL adresu webu, který chcete otestovat, a dostanete výsledky toho, co je v pořádku, nebo na čem by stálo zapracovat.

I placené šablony mají různé zkušební demo stránky, tak je před případným nákupem otestujte. Jestli se šablona pohybuje v červených číslech, raději se jí vyhněte. Některé problémy sice lze vyřešit později, ale významné a zásadní problémy jsou obvykle známkou toho, že tvůrci na technickou stránku tak trochu kašlali, a asi se nedá očekávat razantní překopání funkcí.

Zapněte cachování a další optimalizace

O cachování jsme podrobněji psali tady. Ve zkratce jde o vytvoření kopie vašeho webu, která se nemusí zase a dokola vytvářet při každé návštěvě. Cachování zajišťuje efektivnější a rychlejší přenos webové stránky, kdy se kód webové stránky dostane ke čtenáři rychleji.

Kromě cachování existují další optimalizační metody, jako načítání různých skriptů až na konci stránky, když už jsou důležité prvky načteny, nebo odstranění nepotřebného kódu z HTML, tedy typicky prázdná místa, odřádkování, poznámky a tak podobně. Tento kód zvětšuje HTML stránku, ale pro čtenáře není nijak důležitý. Když se odstraní, musí se přenést méně dat, což je prostě rychlejší.

Další velmi pěknou funkcí je takzvaný lazy loading. To je funkce, kdy se různé prvky webu načítají, až když se k nim čtenář dostane. Není potřeba ihned načítat třeba všechny obrázky, které jsou ve spodku stránky. Přenáší se tedy jen data, která čtenář opravdu potřebuje, a ne ta, která počkají nebo nejsou potřeba vůbec.

WP-Rocket

Různých optimalizačních metod je poměrně hodně, a zde velmi doporučuji zainvestovat. Mezi opravdu nejlepší optimalizační služby patří plugin WP-Rocket. Nabízí opravdu spoustu metod, jak se celý web výrazně zrychlí, aniž byste museli něco zásadního nastavovat nebo se museli ve všem vyznat.

Mezi hlavní funkce WP-Rocket patří:

  • Cachování
  • Lazy loading obrázků i vložených videí
  • GZIP komprese
  • Optimalizace databáze
  • Minifikace kódu (tedy odstranění přebytečných dat)
  • Přednačítání důležitých souborů

Funkcí je více, ale tyto jsou velmi důležité. Je pravda, že u každé najdete variantu v pluginu, který je třeba zdarma, ale WP-Rocket je má všechny v sobě. Nemusíte tedy udržovat řadu pluginů, o které se třeba někdo přestane starat. Vše máte na jednom místě a při velmi rozumné ceně 49 dolarů za rok za 1 web, nebo pak výhodnějších variant pro vícero webů.

WP-Rocket navíc při testování vychází lépe, než jiné pluginy a je ve své práci opravdu velmi efektivní. Jestli doporučuji někde zainvestovat, tak je to rozhodně právě WP-Rocket, který zapnete a okamžitě máte web výrazně rychlejší a prakticky všechny důležité technické aspekty jsou pořešeny.

Ona stokoruna měsíčně se v případě WP-Rocket opravdu vyplatí, a jestli to se svým webem myslíte alespoň trochu vážně, tak do toho jděte. Ušetříte spoustu starostí i času. Odkaz na WP-Rocket tady není nijak zpeněžován a jde opravdu o doporučení.

Pluginy zdarma

Pokud byste investovat nechtěli nebo si chtěli nejdříve vyzkoušet, jak vše funguje, tak tady nabídka pluginů zdarma, které můžete využít. S některými mám zkušenosti a při začátcích jsem šel cestou pluginů zdarma, ale moc to prostě nestojí za to.

Caching – vyberte si jeden, je vlastně jedno který

Minifikace a optimalizace souborů

Optimalizace databáze

Kombinací cachovacího pluginu a Autoptimize docílíte velmi pěkného zrychlení webů, takže tuto kombinaci velmi doporučuji. Další pluginy pak přidávají spíše menší funkce, které se ale také mohou hodit, ale které byste měli řešit spíše podle toho, jak sami potřebujete a co na webu chcete nebo nechcete. Tyto funkce typu vypnutí emoji, lazy loading videí a řada dalších se typicky dají vyřešit dalšími pluginy, ale znovu platí, že s WP-Rocket máte vlastně všechno pod jednou střechou.

Optimalizujte obrázky

Další zásadní technický prvek stránek jsou optimalizované obrázky. Ty často tvoří i většinu datového objemu, který je potřeba ke čtenáři doručit. Zmenšení velikosti obrázků může pomoci načítání webu klidně o několik sekund. S pluginy je navíc výhoda, že si je jednou nastavíte, a o nic se dál už nestaráte. Pluginy automaticky optimalizují podle vašeho nastavení v okamžiku, kdy na svůj web nějaký obrázek nahrajete.

Existuje zase řada pluginů, některé jsou placené, jiné zdarma. Pluginy k optimalizaci obrázků doporučujeme v tomto článku. Ve zkratce ale:

  • reSmush.it – Skvělý pro běžné blogy, protože do velikosti obrázku 5 MB je vše zdarma. Na tuto velikost se dostanete až při nahrávání velkých fotografií, takže pokud zrovna nemáte web zaměřený na profi fotografie, tak vám bude tento plugin naprosto pohodlně stačit.
  • EWWW Image Optimizer– Další skvělá volba zcela zdarma. Optimalizace probíhá přímo na vašem serveru, takže není potřeba se připojovat přes API nebo zakládat účty, ale je to možné pro získání dalších funkcí. S EWWW Image Optimizer se v zásadě nemusíte o nic starat a po prvotním nastavení podle vašich představ už se plugin stará o vše ostatní zcela sám.
  • ShortPixel – Placený plugin, který se postará i o tvorbu obrázků ve formátu WebP, a stará se také o automatické servírování těchto obrázků čtenářům. Můžete si vybrat i nastavení, jak moc se mají obrázky komprimovat, i řadu dalších funkcí.

Shrnutí optimalizace

Pro výrazné zrychlení webu stačí nainstalovat WP-Rocket a plugin pro optimalizaci obrázků. Okamžitě se váš web začne načítat výrazně rychleji a technicky na tom bude mnohem lépe.

Zprovoznění je doslova na pár minut a v zásadě nemusíte nic zvláštního nastavovat, aby pluginy okamžitě fungovaly skvěle. Nastavení si samozřejmě projděte a spusťte vše, co váš web ještě více zrychlí, ale během chvíle se váš web razantně zrychlí, za což budou čtenáři rádi a vyhledávače vás budou hodnotit lépe.

Další články ze série o WordPressu:

  1. Jak si vytvořit webové stránky – postup, rady i tipy
  2. Jak fungují webové stránky (HTML, CSS, JavaScript i PHP)
  3. Co je WordPress a proč na něm postavit web
  4. Jak ručně nainstalovat WordPress krok za krokem
  5. Co je WordPressový plugin a jak ho nainstalovat
  6. Základní nastavení WordPressu krok za krokem
  7. Jak pravidelně a zdarma zálohovat WordPress
  8. Základy optimalizace WordPressu – cachování a zrychlení načítání
  9. Optimalizujme obrázky na WordPressu a zrychleme tak celý web
  10. Jak na zabezpečení WordPress webu, abyste mohli klidně spát
  11. Jak (nejen) ve WordPressu používat rubriky a štítky/tagy
  12. Jak ve WordPressu vytvořit menu
  13. WordPress Stránka (Page) vs. Příspěvek (Post) – jaký je v nich rozdíl?
  14. Zrychlete WordPressový web za 10 minut
0 Komentářů
Zpetná vazba ve článku
Podívat se na všechny komentáře
Back to top button