Pluginů na optimalizaci rychlosti načítání WordPressových stránek je opravdu hodně. Každý je v něčem originální a není divu, že se v tom můžete trochu ztrácet.
V tomto článku si vezmu na paškál WP Rocket a pořádně do základu jej zrecenzuji.
Aby toho nebylo málo, ukážu vám, jak nejlépe WP Rocket nastavit pro nejlepší možnou optimalizaci.
Jste připraven/a? Jestli ano, uvařte si dobrou kávu nebo čaj, protože to vezmu pořádně od podlahy.
(Můj kompletní checklist na zrychlení WordPressových webovek si stáhněte zde.)
Co se dozvíte a naučíte v tomto článku?
- Jak funguje optimalizace rychlosti, jaké metriky se sledují
- Proč je důležité mít rychle načítající webové stránky
- Jakým způsobem měřit rychlost vlastních webovek
- Jaké pluginy využít k optimalizaci a proč je WP Rocket jeden z nejlepších
- Detailní recenzi WP Rocket - výhody, nevýhody a na co si dát pozor
- Jak nastavit WP Rocket pro nejlepší výsledek
- BONUS! (najdete na konci tohoto článku)
Obsah článku
Rychlost načítání webových stránek
Začnu trochu jinak. Ale vydržte, pointu hned odhalím…
Představte si, že jste v obchoďáku a všude u pokladen jsou fronty.
Vy si chcete koupit jen pár věcí na svačinu, ale i tak musíte čekat zatraceně dlouho než se na vás dostane řada.
Jaké z toho máte pocity?
Asi ty samé jako já. Taky neradi čekáte?
Přiznejte se kolik krát vás čekání ve frontě odradilo tak, že jste nechali nákup v regálu a odešli?
Hodně krát co?
A teď si to samé převeďte do webového prostředí. S každou vteřinou, kterou návštěvník stráví čekáním než načte vaše webová stránka, roste jeho frustrace.
Pokud se frustrace dostane do takového bodu, vaši stránku zavře ještě než mu vůbec načte.
Asi víte, kam tím mířím:
Ztrácíte potencionální zákazníky!
S každou sekundou, kdy člověk musí čekat, se exponenciálně zvyšuje Bounce Rate (šance, že opustí vaše webovky) a také se snižuje konverzní poměr.
Proč je tedy rychlost načítání sakra důležítá?
Je to z několika důvodů…
Některé jsem už načal v předešlém odstavci.
Pojďme si je teda ještě jednou shrnout. Rychlost načítání ovlivňuje..:
- ... Bounce rate (tedy míru odchodu vašich návštěvníků)
- ... Konverzní poměr (tedy míru návštěvníků, které přetavíte v zákazníky)
- ... Míru frustrace vašich návštěníků
- ... Váš ranking v Google vyhledávači!!!
Vše to jde v ruku v ruce.
A když si uvědomíte, že rychlost načítání webovek je jeden z faktorů, které ovlivňují vaše postavení v Google vyhledávači, tak se důležitost tohoto aspektu ještě umocní.
Třeba jsou to právě pomalé webovky, které vás nebo vaše klienty brzdí v dosáhnutí první příčky v Google.
Optimalizaci nikdy neberte na lehkou váhu.
Metriky, na které se zaměřit při optimalizaci
Nebudu vám lhát.
Je to Google, kdo tak trochu diktuje, jaké metriky se měří a jakým způsobem.
V krátkosti: je jich několik a nebudu zabíhat úplně do detailů (detailní článek také chystám).
Jaké to teda jsou?
Doba načtení stránky (Page Load Time): Celkový čas potřebný k načtení kompletního obsahu webové stránky.
Time to first byte (TTFB): Čas, který uplyne od požadavku uživatele na server až do přijetí prvního bytu.
První zobrazení obsahu (First Contentful Paint – FCP): Měří čas od začátku načítání stránky do okamžiku, kdy se na stránce objeví první obsah.
Zpoždění prvního vstupu (First Input Delay – FID): Udává dobu mezi prvním interaktivním požadavkem uživatele a schopností stránky reagovat na tento požadavek.
Největší zobrazený obsah (Largest Contentful Paint – LCP): Zaznamenává čas, kdy se na stránce zobrazí největší viditelný obsahový prvek.
Kumulativní posun rozložení (Cumulative Layout Shift – CLS): Měří výskyt a závažnost neočekávaných posunů obsahu na stránce.
Interakce do dalšího zobrazení (Interaction to Next Paint – INP): Sleduje dobu od uživatelské interakce po následující vizuální změnu na stránce.
Čas do prvního bytu (Time to First Byte – TTFB): Měří dobu od požadavku na stránku po přijetí prvního byte dat ze serveru.
Jak měřit rychlost načítání webových stránek
Pokud chcete změřit vaši rychlost, nejedná se o věštění z koule při úplňku, ale naštěstí máme několik šikovných nástrojů:
Já osobně používám kombinaci všech těchto měřících platforem. Každá vám odhalí trochu něco jiného.
Jen se u některých z nich musíte registrovat, případně se stát platícím zákazníkem (GTMetrix).
Co to znamená? Že hraje roli i kde se váš webhosting nachází. Pokud se na váš web dívá někdo z Austrálie a webovky máte u Wedosu v Hluboké nad Vltavou tak už jen kvůli extrémní vzdálenosti budou déle načítat.
Jak optimalizovat WordPressové stránky, aby vám neutíkali návštěvníci?
Je kupa možností, desítky pluginů a stovka různých hostingů.
Rychlost načítání WordPressu vždy ovlivňuje několik faktorů. Pokud používáte 40 zastaralých pluginů, tak vám nepomůže ani to nejvýkonnější VPS, natož nějaký optimalizační plugin.
A je to i naopak. Pokud máte zastaralý webhosting, tak vám nepomůže ani kopa pluginů na optimalizaci.
Vždy potřebujete mít dobré a pevné základy.
Ale jak jsem avizoval hned na začátku, tento článek je primárně o WP Rocket.
(Pokud chcete zrychlit váš WordPress ve všech směrech, stáhněte si můj optimalizační checklist zde.)
Detailní recenze WP Rocket
DISCLAIMER: Tato recenze obsahuje partnerské odkazy. Nákupem přes ně můžete moji tvorbu nepřímo podpořit a tak i fungování tohoto portálu. Děkuji moc, pokud tak učiníte.
Hned na úvod této recenze se vám musím s něčím přiznat…
…býval jsem zarputilí hejter WP Rocket.
Rád jsem používal a optimalizoval pomocí Swift Performance, W3 Total Cache, LS cache, Autooptimize, nebo Asset Cleanup pluginem…
Dokonce jsem vyzkoušel i novější řešení jako Swift AI, WP Shifty nebo Perfmatters (na Flyingpress se teprve chystám, recenzi napíšu již brzy).
Zabíralo to ale čas. Sakra dost času, protože rád vše dotahuju do detailu a hodně experimentuji.
I když se řídím paretovým pravidlem (zjednodušeně řečeno: 20% času přinese 80% výsledků), často jsem se přistihl, že optimalizací trávím až moc času.
On by to nebyl až takový problém, kdybyste nebyli placení od výsledku ale časově.
Ano, souhlasím teď přesně s tím, co si myslíte: Za nějakou dobu si vypracujete nějaký „optimalizační standard“, kterým se řídíte.
Ale?…
Každý web je unikátní a protože možnosti nastavení u výše zmíněných pluginů jdou vcelku dopodrobna, je nutné i individuální nastavení (kvůli rozličným pluginům, tématům nebo nedej bože hostingům).
Jednou jsem ale překonal své ego a vyzkoušel právě WP Rocket k optimalizaci menších webových stránek.
A hle – najednou se můj hejt začal rozplývat.
Spoiler alert! Dalo by se říci, že WP Rocket za málo peněz (a času) udělá sakra hodně muziky.
Dost už bylo ale remcání…
Pojďme se tedy podívat do detailu v čem WP Rocket exceluje, v čem zaostává a pro koho je vůbec vhodný. Není to univerzální řešení na všechny problémy, ale o tom se rozepíšu více níže…
Pokud chcete přejít rovnou na optimální nastavení, pokračujte zde >
Co je WP Rocket a k čemu se používá?
WP Rocket je jeden z nejpopulárnějších pluginů sloužící k optimalizaci rychlosti načítání WordPressových stránek.
A sami developeři jej označují jako jedničku mezi cachovacími pluginy.
Je to ale opravdu tak?
Existuje opravdu mnoho alternativních možností (placených i neplacených) a řadu z nich jsem vyzkoušel.
Pokud se chcete dovědět více, pokračujte níže…
Klíčové funkce WP Rocket
Hlavní doménou tohoto pluginu je cachování stránek, optimalizace CSS a JS souborů, pokročilejší lazyloading a další vychytávky, aby vaši návštěvníci prostě nemuseli čekat nebo případně čekali co nejkratší dobu.
Ještě bych chtěl upozornit, že tento plugin (tak jako každý jiný) nevyřeší všechny problémy, které můžou v průběhu tvorby webových stránek nastat.
A to je zejména optimalizace obrázků a jejich konverze do WebP formátu nebo lokální načítání fontů.
Ale to co zvládá, zvládá dost dobře.
Po instalaci pluginu se vám otevře nástěnka, která funguje jako rozcestník k nápovědám nebo rovnou k jednotlivým záložkám nastavení.
Ty stěžejní jsou právě: Mezipaměť, Optimalizace souborů, Média a Předběžné načítání – tady jednoduše dochází na lámání chleba.
WP Rocket umožňuje ještě „optimalizovat“ databázi v podobě výmazu starých revizí a konceptů.
Anebo napojit CDN (=Content Delivery Network) nebo propojit plugin s Cloudflarem. V tomto případě se vám s jakýmikoliv změnami promaže i CF Cache.
Možná se ptáte – A co ten Hearbeat?
Ano, plugin podporuje i uprávu frekvence Heartbeatu, ale u menších webů jsem nezaznamenal, že by to mělo nějaký pozitivní význam.
Pojďme ale postupně a do detailu.
Caching aneb ukládání do mezipaměti
Alfou omegou každého dobrého optimalizačního pluginu je caching.
A u WP Rocket to není jinak.
Díky cachování každý návštěvník dostane uloženou „kopii“ vaší stránky, tím pádem to uleví i vašemu serveru nebo hostingu.
Tady asi není nic, co bych vytknul.
Ukládání a generování cache zvládá plugin na jedničku. Vždy když uložíte jakýkoliv příspěvek nebo stránku, automaticky se cache pročistí a načte se aktuální obsah pro návštěvníky.
Kromě toho, že si můžete upravovat „životnost“ mezipaměti, máte taky možnost povolit vytváření cache i pro mobilní zařízení nebo vytvářet cache pro přihlášené uživatelé.
Jediný problém, co jsem zaregistroval, že v případě, kdy máte vytvořenou „Options“ stránku (třeba pomocí pluginu JetEngine nebo ACF), tak po její aktualizaci nedojde k automatickému vyčištění mezimapěti. Proto je nutné ji vyčistit manuálně, aby se vaše změny zobrazily.
Optimalizace souborů = největší přednost WP Rocket?
Ten caching z předešlé kapitoly není v dnešní době nic světoborného.
Jak už jsem zmiňoval, pracuje s ním každý optimalizační plugin.
Co ale WP Rocket umí fakt dobře, je optimalizace CSS & JS souborů.
Toto je právě to místo, které vás dělí od toho dosáhnout skóre 100 v rámci Google Page Speed Insights.
Soubory CSS můžete zmenšovat a optimalizovat jejich doručení.
Právě funkcionalita Remove unused CSS (odstranit nepoužívané styly) dělá největší rozdíly. Jen je třeba být obezřetný, jelikož aktivací této možnosti můžete zároveň i rozhodit vaše webové stránky.
Především u témat z Themeforestu jsem musel přidávat nějaké výjimky do CSS safelistu, aby se nic nerozhasilo:
Co se týče JS (javascript) souborů, tak ty můžete optimalizovat obdobně. Zmenšovat, kombinovat, načítat se zpožděním (abyste odstranili „render blocking javascript“) anebo úplně odložit jejich načítání.
A právě odložení načítání JS souborů vám opět pomůže vylepšit PSI skóre.
I když se jedná o takové malé šidítko…
Vysvětlím:
Tato funkcionalita u jednotlivých javascriptů odloží jejich načtení, dokud návštěvník na stránce neprovede nějakou interakci: tedy kliknutí, pohyb myškou nebo zahájeni scrollování napříč stránkou.
Vše funguje téměř skvěle, jen je třeba být opět obezřetný a vyzkoušet, jak se web po jejím zapnutí chová.
Případně doporučuji nastavit „One-click exclusions“ (=výjimky), které neovlivní načítání různých pluginů a skriptů.
V mém případě vždy volím Elementor.
Média (nebo spíše LazyLoading nastavení)
Kolonka Média se zaměřuje především na Lazyloading.
Tedy funkcionalitu, která ovlivňuje načítání vašich obrázků.
Lazyloading obrázků v praxi funguje tak, že obrázky na webové stránce se načítají pouze tehdy, když jsou potřeba – typicky když se dostanou do oblasti, kterou uživatel vidí na svém monitoru nebo obrazovce zařízení.
Můžete si to představit, jako když čtete knihu:
Také vidíte jen tu stránku, kterou právě čtete, a ne všechny stránky najednou.
A to právě dělá LazyLoading.
Když procházíte webovou stránkou, vidíte jen ty obrázky, které jsou v aktuální viditelné části stránky.
Další obrázky se načtou až ve chvíli, kdy se k nim přiblížíte (například posunutím stránky dolů).
Krom klasického opožděného načítání pro obrázky, máte možnost povolit tuto funkcionalitu pro pozadí, iframe nebo videa.
Jen u videí mi tato funkcionalita dělala v některých případech neplechu. Třeba když používáte plugin na zobrazování YouTube feedu.
No a zároveň můžete u obrázku doplnit výšku nebo šířku. Někdy může PSI řvát, že vám chybí právě tyto rozměry definovat u jednotlivých obrázků. WP Rocket se o to hromadně postará za vás.
Předběžné načítání = automatická tvorba cache
Jeden z důvodů, proč jsem v minulosti používal primárně Swift Performance plugin byl cache preloading.
Normálně se vám do mezipaměti ukládají stránky až je někdo navštíví.
U prvního návštěvníka však nastává problém, že dostává nezacachovanou stránku a proto může čekat déle než se načte. A tak je to u každé vaší interní stránky.
Právě díky preloadingu se vám postupně uloží všechny vaše stránky (dle sitemapy) do mezipaměti a i první návštěvník dostane už rychle načtenou stránku.
WP Rocket v tomto funguje opět na jedničku. Dokáže si načíst vaši sitemapu přímo ze SEO pluginu, který používáte (list podporovaných pluginů najdete zde), a dynamicky tak vše přednačítat, aniž byste museli čekat na vaše první návštěvníky.
WP Rocket imituje návštěvy jednotlivých stránek a dokáže tak ukládat vše do mezipaměti automaticky.
Krom toho můžete přednačítat i jednotlivé stránky jen při přejetí myšky na odkaz.
Třeba pokud v článku máte odkaz na další článek z vašeho webu, hned po přejetí myši na něj, plugin automaticky začne stránku přednačítat.
Co kdyby náhodou člověk na ten odkaz kliknul nebo zmáčknul dané tlačítko?
Tak kdyby náhodou, tak ať se mu vše rychle načte!
Za mě super funkcionalita. Nerad prostě čekám.
"Optimalizace" databáze
Optimalizaci databáze si nepředstavujte tak, jako optimalizaci CSS & JS souborů.
V tomto případě se jedná o mnohem jednodušší funkcionalitu…
… pročištění starších revizí, konceptů nebo příspěvků v koši. Dále taky spam komentáře a dočasná data.
Toto vše se vám ukládá do databáze. Pokud máte ale menší web, neumožňujete komentáře a sem tam napíšete nějaký článek, tak úplně není třeba čistit databázi na denní bázi.
CDN integrace
Tady asi není co dodat, můžete si „napojit“ vlastní CDN řešení a urychlit tak načitání webu především pro lidi z cizích krajin nebo z druhého konce světa.
WP Rocket se vám od začátku snaží podsouvat nabídku CDN řešení zvané RocketCDN za 7.99 USD / měsíčně.
Pokud ale reálně nemáte návštěvníky z ciziny, není třeba CDN vůbec nastavovat.
Případně můžete použít CloudFlare .
Nově taky CDN začal nabízet Wedos, vyzkoušenou ji ale zatím nemám.
A další nástroje...
… které už stojí jen za krátkou zmíňku.
Jako je třeba možnost upravit Heartbeat. Tlukoucí srdce vašeho WordPressu.
Místo co jednu minutu, bude tlouct co 2 minuty.
Ha! Mazec, co?
Trochu metafora, ale je to tak. Když pracujete v administraci na nějakém článku, je to právě WP Heartbeat, který váš progres automaticky ukládá v přesném intervalu.
Pokud máte na webu více editorů nebo lidí, kteří pracují primárně ve stejném čase, hodí se Heartbeat upravit, abyste tak nezatěžovali server.
Reálně pokud ale editujete vše sám a máte normální hosting, tak můžete Heartbeat nechat tak je nastavený.
Krom Heartbeatu můžete i aktivovat rozšíření pro Cloudlare nebo Varnish. Případně i podporu pro WebP obrázky.
Opravdu funguje? Aneb testování a porovnávání výsledků
Trochu to vypadá, že je toho celkem málo, co se dá ve WP Rocket nastavit.
Zdání ale může klamat.
Ve skutečnosti toho nepotřebujete moc, abyste dosáhli ideálních výsledků:
Výsledky jsou solidní. Ale není to jen o WP Rocket, je třeba tomu jít naproti.
Já třeba používám ještě WebP Express (pro optimalizaci obrázků) a OMGF Fonts (pro lokální načítání fontů).
Je třeba mít na paměti, že sám o sobě by takovýchto výsledků WP Rocket nedosáhl.
A nejde jen o optimalizaci. Je třeba přemýšlet rovnou i u tvorby webovek, jak postavit elementy, obrázky, obrázkové kolotoče, vyhledávací okno a další prvky.
Vše jde ruku v ruce.
Výhody WP Rocket aneb v čem exceluje?
Předností je rozhodně jednoduché nastavení.
U WP Rocket opravdu nemusíte být expert, abyste si s nastavením poradili.
Vše rovnou k věci a celkem srozumitelně popsané.
Dále je součástí rozsáhlá dokumentace, kde najdete detailní návody, případně pokročilé úpravy pluginu tak, aby vám fungoval, jak potřebujete.
Jen u češtiny trochu váznou překlady, tak s ní na 100% nepočítejte a spíše bych doporučil přepnout do angličtiny, ať vás některé výrazy nematou.
Dále se mi líbí, že si celkem slušně rozumí s Elementorem a výsledky opravdu stojí za to.
Nevýhody WP Rocket aneb v čem skutečně zaostává?
WP Rocket nemám vyloženě co vytknout.
Jedná se o solidní řešení pro menší weby. Sem tam jsem řešil problém s kompatibilitou u některých pluginů nebo témat (funkce Remove Unused CSS fungovala až moc) a musel jsem nastavovat výjimky v optimalizaci.
Za ty roky ale už jsem si vymyslel takovou zlatou střední cestu nastavení (návod najdete níže v článku zde), kterou web od webu lehce upravuji v závislosti na okolnostech.
Když tak přemýšlím…
Možná někoho může odradit cena?
Plugin není nejlevnější, ale vždycky říkám, že cokoliv vás má živit nebo nějakým způsobem prezentovat, tak je dobré na tom nešetřit a brát jako investici.
Pro koho je WP Rocket ideální volbou?
Řeknu to už teď, ať mě nějaký zarputilý WordPressák v noci na ulici nenapadne…
… WP Rocket není ideální řešení pro všechny případy.
Sakra. A teď se ptáte: Tak mám si jej pořizovat nebo ne?
Možná bych vám ho měl vychválit do nebes a prezentovat ho jako řešení, které vyléčí i světový hladomor, jen abych dostal korunku z affiliate linku. Takový ale nejsem…
WP Rocket je vhodný primárně pro blogy, firemní weby, prezentační weby, malé eshopy (do pár desítek nebo stovky produktů).
Pokud ale máte cokoliv většího jako portál s několika tisíci příspěvky nebo eshop s 1000+ produkty, rozhodně doporučuji sáhnout po jiném řešení jako je kombinace LiteSpeed Server + Redis + LiteSpeed cache pluginu.
Tak jako WordPress samotný není ideální řešení pro všechny typy webových stránek, tak i WP Rocket se hodí zhruba jen na 80% případů.
Bude ale dostačující a splní přesně to, co od něj požadujete!
Ceník WP Rocket
Co se týče ceny, můžete vybírat ze 3 variant:
- Single: 59 USD / rok (můžete využít na 1 webové stránce)
- Plus: 119 USD / rok (můžete využít až na 3 webových stránkách)
- Infinite: 299 USD / rok (můžete využít na neomezeném počtu webových stránek)
Nejlépe rozhodně vychazí varianta Infinite, pokud provozujete více webových stránek jako agentura nebo studio.
Pokud ale máte jeden web, Single licence bude určitě stačit.
V průběhu Black Friday / Cyber Monday bývají ještě malé slevičky, tak můžete nějakou korunku navíc ušetřit.
WP Rocket verdikt
WP Rocket je podle moje hlediska a zkušeností jeden z nejlepších WordPress pluginů na optimalizaci rychlosti. A proto jej hodnotím následovně:
Hodnocení
Hodnocení proběhlo 3.1.2024 a může se kdykoliv změnit v závislosti na vývoji pluginu WP Rocket.
Výhody WP Rocket
- Jednoduché nastavení
- Člověk nemusí být expert, aby plugin správně nastavil
- Přehledná administrace pluginu a vše je krásně popsáno
- 85% pluginu je přeloženo do češtiny
- Poměr cena / výkon / výsledek je neuvěřitelný
- Podpora Cloudflare nebo dalších CDN
Nevýhody WP Rocket
- Kompatibilita s některými pluginy
- Nemá FREE verzi na vyzkoušení
- Naučné články a návody od WP Rocket jsou jen v angličtině
- Vyšší cena pro 1 roční licenci
Detailní návod na optimalizaci WordPressu pomocí WP Rocket
Objektivní recenze je za námi, tak se pojďme podívat, jak plugin nastavit pro nejlepší výsledek.
Naštěstí není úplně moc možností, kde udělat chybu.
V momentě kdy plugin nainstalujete, automaticky se vám aktivují některé prvky z nastavení. Můžeme to nazvat takovým výchozím optimalizačním nastavením, které vývojáři určili jako základ.
Já vám však ukážu, jak plugin využít pro co nejlepší výsledky.
Pokud se vám nechtějí číst všechny body, tady můžete využít rychlé nastavení:
Mezipaměť
Mezipaměť pro mobilní zařízení
- Povolit ukládání do mezipaměti pro mobilní zařízení – aktivní
- Oddělit soubory mezipaměti pro mobilní zařížení – neaktivní
Uživatelská mezipaměť
- Povolit ukládání do mezipaměti pri přihlášené uživatele WordPressu – neaktivní
Životnost mezipaměti
- Čas, po kterém se mezipaměť vymaže: 24 hodin
Optimalizace souborů
Soubory CSS
- Zmenšit soubory CSS – aktivní
- Optimalizovat doručování CSS – aktivní -> Remove Unused CSS
Soubory JavaScriptu
- Zmenšit soubory JS – aktivní
- Kombinovat soubory javascriptu – neaktivní
- Načítat javascriptové soubory se zpožděním – aktivní
- Delay JavaScript execution – aktivní
Média
LazyLoad
- Povolit pro obrázky – aktivní
- Enable for CSS background images (povolit pro CSS pozadí) – neaktivní
- Povolit pro iframe a videa – neaktivní
- Exclude images or iframes (vyloučit obrázky nebo iframy) – zde zadejte adresu vašeho loga
Image Dimensions
- Add missing image dimensions (přidej chybějící rozměry obrázků) – aktivní
Předběžné načítání
Přednačítat mezipaměť
- Aktivovat předběžné načítání – aktivní
Preload links (přednačítat odkazy)
- Enable link preloading (Aktivovat přednačítání odkazů) – aktivní
Předběžné požadavky DNS
- URL adresy pro přednačítání – nechávám prázdné
Přednačítat písma
- Písma k předběžnému načítání – nechávám prázdné
1. Nástěnka
Když přejdete do nastavení pluginu, přivítá vás klasická nástěnka.
Na první dobrou z ní zjistíte, jaký máte typ licence, kdy expiruje, případně můžete přejít do administrace svého WP Rocket účtu.
WP Rocket bude i nadále fungovat. Nemusíte se bát, že by vám to rozhodilo webovky. Jediný problém bude, že nebudete dostávat nové aktualizace k pluginu. Tedy ani nové funkcionality nebo opravy nějakých kritických chyb. Vždy doporučuji mít vše aktualizováno. Jenom tak předejdete problémům.
Krom základního přehledu se vám nabízí i možnost získat RocketCDN – jedná se ovšem o placenou funkcionalitu a dokonce existují i lepší a levnější alternativy.
Na levé straně se pak WP Rocket dělí do několika tabů, které vám definuje kompletní nastavení:
- Mezipaměť
- Optimalizace souborů
- Média
- Předběžné načítání
- Pokročilá pravidla
- Databáze
- CDN
- Heartbeat
- Rozšíření
2. Mezipaměť (cache)
Po zapnutí pluginu caching už automaticky probíhá.
V této části můžete však upřesnit ukládání do mezipaměti pro mobily nebo přihlášené uživatelé.
Mezipaměť pro mobilní zařízení
- Povolit ukládání do mezipaměti pro mobilní zařízení – aktivní
- Oddělit soubory mezipaměti pro mobilní zařížení – neaktivní
Uživatelská mezipaměť
- Povolit ukládání do mezipaměti pri přihlášené uživatele WordPressu – neaktivní
Pokud máte uživatelské sekce, kde každý uživatel vidí jiný obsah, můžete tuto funkcionalitu aktivovat a otestovat tak rychlost načítání.
Životnost mezipaměti
- Čas, po kterém se mezipaměť vymaže: 24 hodin
Tato možnost definuje po jak dlouhé době se má mezipaměť automaticky vyčistit. U statických webů si můžete nastavit klidně „0“. Já ovšem doporučuji používat 24 hodin a sem tam web zkontrolovat.
3. Optimalizace souborů
Jak už jsem zmiňoval v recenzi, tady dochází na lámání chleba.
Tato sekce je předností WP Rocket a umožňuje vám optimalizovat CSS & JS soubory.
A nebo taky kompletně doje-at celé webové stránky.
Pardon za ten výraz.
Ukážu vám, jak to udělat správně…
Soubory CSS
- Zmenšit soubory CSS – aktivní
- Optimalizovat doručování CSS – aktivní -> Remove Unused CSS
Po aktivaci „Remove Unused CSS“ si zkontrolujte vizuál vašich webovek. Sem tam se může stát, že WP Rocket odstraní nějaké styly, které se opravdu používají. V takovém případě daný styl přidejte do vyjímek.
Soubory JavaScriptu
- Zmenšit soubory JS – aktivní
- Kombinovat soubory javascriptu – neaktivní
- Načítat javascriptové soubory se zpožděním – aktivní
- Delay JavaScript execution – aktivní
Po aktivaci „Delay Javascript Execution“ si zkontrolujte načítání vašich webový stránek (především v mobilu). Pokud je nějaký plugin, který dělá neplechu, můžete jej dát jako výjimku ze seznamu pod danou funkcionalitou.
U Elementoru automaticky dávám tyto výjimky (hlavně jestli používáte třeba Popup jako mobilní menu a podobně):
- Elementor
- Elementor – Lazy Load Background Images
- Elementor Pro
- + Sem tam SmartMenus a User Cache (záleží web od webu)
4. Média
Nastavení pro média níže se mi nejvíce osvědčilo ve spojitosti s Elementorem, který automaticky pomocí experimentů přidáva LazyLoading pro klasické obrázky nebo ty na pozadí přidané pomocí CSS.
LazyLoad
- Povolit pro obrázky – aktivní
- Enable for CSS background images (povolit pro CSS pozadí) – neaktivní
- Povolit pro iframe a videa – neaktivní
- Exclude images or iframes (vyloučit obrázky nebo iframy) – zde zadejte adresu vašeho loga
Pokud nepoužíváte Elementor nebo jeho experimenty, aktivujte prvek „Enable for CSS background images (povolit pro CSS pozadí).
LazyLoading pro iframe nebo videa bývá ošemetný. Zkuste aktivovat, vyzkoušet zda vám videa i tak načítají správně a kdyžtak si funkcionalitu nechte aktivovanou.
Image Dimensions
- Add missing image dimensions (přidej chybějící rozměry obrázků) – aktivní
5. Předběžné načítání
Skvělá vychytávka, která zrychlí váš web především „pocitově“.
Co si pod tím představit?
Zjednodušeně – WP Rocket dokáže automaticky přednačítat mezipaměť webu případně přednačítat stránky ještě než na ně někdo klikne.
Tímto způsobem tak návštěvníka dostane ve všech případech stránku z mezipaměti -> tedy by se mu měla rychle načíst bez čekání.
Přednačítat mezipaměť
- Aktivovat předběžné načítání – aktivní
Preload links (přednačítat odkazy)
- Enable link preloading (Aktivovat přednačítání odkazů) – aktivní
Předběžné požadavky DNS
- URL adresy pro přednačítání – nechávám prázdné
Přednačítat písma
- Písma k předběžnému načítání – nechávám prázdné
Pokud máte nějaká písma, které byste chtěli přednačítat, můžete zde zadat jednotlivé URL adresy.
Avšak místo tohoto řešení doporučuji používat v případě Google fontů plugin OMGF, který uloží vámi vybrané Google fonty a bude je načítat lokálně.
6. Pokročilá pravidla
Pokročilá pravidla vám trochu rozšiřují možnosti ze sekce „Mezipaměť“.
Především si můžete zvolit/zadat pro jaké stránky/cookies by se neměly cache vůbec vytvářet.
A nebo taky si můžete zadat, u kterých URL se vždy mezipaměť má (po aktualizaci) vyprázdnit.
To je vhodné především, když publikujete nějaký dynamický obsah a někde jej zobrazujete v podobě post lood gridu, carouselu nebo podobně.
Já ve většině případů nechávám pole prázdná.
7. Databáze
Zde můžete pročistit vaši databázi o stará data, která už většinou jen zabírají místo.
Jednou za čas si databázi pročistěte, ale vždy si ji nejprve zálohujte!
Stačí jen zaškrtnout, které objekty chcete smazat a kliknout dole na oranžové tlačítko.
Případně můžete zapnout automatické čištění „Automatic Cleanup“, ale opět…
… před jakýmkoliv mazáním doporučuji zálohovat!
8. CDN
Pokud máte návštěvníky z celého světa, vyplatí se využít služeb CDN (content delivery network).
Právě zde můžete specifikovat detaily a nastavit vše potřebné.
Já používám ve většině případů jen Cloudflare, pro který WP Rocket nabízí přímo rozšíření.
9. Heartbeat
Ne úplně potřebná funkcionalita.
Nechávám ji ve výchozím nastavení, jak jí WP Rocket automaticky po aktivaci nastaví.
Pokud máte malinký web nebo blog, kde upravujete sám něco jednou za týden nebo za den, tak žádné zázraky nečekejte.
Je to spíše pro větší portály, kde je v administraci šrumec.
Heartbeat
- Ovládat Heartbeat – aktivní
Správa Heartbeat aktivity
- Chování v administraci – omezit aktivitu
- Chování v editoru stránek/příspěvků – omezit aktivitu
- Chování ve veřejné části webu – omezit aktivitu
10. Rozšíření
Rocket rozšíření na jedno kliknutí
- Varnish
- WebP Compatibility
Pokud používáte Varnish cache, tak si jej aktivujte.
Co se týče WebP Compatibility, jestli konvertujete na WebP formát vaše obrázky, můžete rozšíření zapnout.
Rocket rozšíření
- Cloudflare
- Sucuri
Pokud jedno nebo druhé používáte, rozšíření si zapněte a nastavte, v opačném případě nechte vypnuto.
Závěr nastavení
Naštěstí u WP Rocketu není moc možností, kde šlápnout vedle.
Některé funkce je třeba vyzkoušet, jak se chovají zrovna na vašem WordPressu a s vašimi pluginy, které používáte.
Jen mějte na paměti, že instalací optimalizačního pluginu se veškeré vaše problémy s rychlostí nevyřeší.
BONUS: Můj vymazlený IMPORT soubor, který vám ušetří čas i námahu!
Abych vám ušetřil čas i námahu, můžete si stáhnout můj vymazlený IMPORT soubor kliknutím na tlačítko níže a jednoduše jej do vašeho WP Rocketu naimportovat.
Stáhne se vám soubor s .JSON koncovkou.
Abyste soubor mohli použít, ujistěte se, že máte nainstalovaný a aktivovaný WP Rocket. (Pokud jste jej ještě nezakoupili, můžete tak učinit zde <)
Nyní přejděte do administrace vašich WordPressových stránek -> WP Rocket -> Nástroje
V sekci „Import nastavení“ vyberte soubor, který jste právě stáhli, a následně klikněte na tlačítko napravo „Nahrát soubor a importovat nastavení“.
Automaticky se vám vše přepíše a nastaví. Zkontrolujte si nastavení a případně udělejte úpravy, kde je třeba.
A to je vše...
Už vás nebudu trápit.
Jestli jste došli až sem, tak klobouk dolů.
Budu rád za každou zpětnou vazbu, dejte mi vědět dolů do komentářů váš názor a zkušenosti s WP Rocket, případně co na optimalizaci používáte právě vy.
Děkuji a mějte se hezky!
