WEBYpolopatě Logo
Search
Close this search box.

Recenze WP Rocket & návod jak dosáhnout nejlepších výsledků (+BONUS)

Bojujete s optimalizací vašich WordPressových stránek a narazili jste na plugin WP Rocket? Nevíte, jestli do něj opravdu investovat? Případně si nevíte rady s nastavením, co zapnout nebo nechat vypnuté? Tento detailní článek vám odpoví na všechny vaše otázky. I na ty, které jste báli zeptat.

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?

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.

Rychlost načítání webové stránky razantně ovlivňuje konverzní poměr
Rychlost načítání webové stránky razantně ovlivňuje konverzní poměr. Zdroj: ThinkWithGoogle.com

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..:

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?

  1. Doba načtení stránky (Page Load Time): Celkový čas potřebný k načtení kompletního obsahu webové stránky.

  2. Time to first byte (TTFB): Čas, který uplyne od požadavku uživatele na server až do přijetí prvního bytu.

  3. 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.

  4. 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.

  5. Největší zobrazený obsah (Largest Contentful Paint – LCP): Zaznamenává čas, kdy se na stránce zobrazí největší viditelný obsahový prvek.

  6. Kumulativní posun rozložení (Cumulative Layout Shift – CLS): Měří výskyt a závažnost neočekávaných posunů obsahu na stránce.

  7. 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.

  8. Č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).

⚠️ Většina těchto toolů měří rychlost z ciziny

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…

Ukázka úvodní stránky WP Rocket
WP Rocket se sám hodnotí jako jedničkou na optimalizaci a cachování WP stránek.

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ů. 

 

WP Rocket a ukázka nástěnky tohoto pluginu.
WP Rocket a ukázka nástěnky tohoto pluginu.

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.

Ukázka
Ukázka "Options" stránky, kterou si můžete vytvořit pomocí JetEngine a ovládat tak obecné prvky napříč webem z jednoho místa.

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:

Možnosti optimalizace doručování CSS souborů
Ukázka možností optimalizace doručování CSS souborů

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.

Funkcionalita Delay Javascript Execution
Funkcionalita Delay Javascript Execution

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.

 

WP Rocket media lazyloading
Možnosti nastavení lazyloadingu nejen pro obrázky ale i pro videa nebo iframe

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.

Dynamické přednáčítání stránek a odkazů
Dynamické přednáčítání stránek a odkazů

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. 

Možnosti aktivace rozšíření jako je Varnish, WebP kompatibilita nebo Cloudflare
Možnosti aktivace rozšíření jako je Varnish, WebP kompatibilita nebo Cloudflare

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ů:

Ukázka mobilní optimalizace pomocí WP Rocket u menšího webu nabízející služby.
Ukázka mobilní optimalizace pomocí WP Rocket u menšího webu nabízející služby.
Výsledky mobilní optimalizace u webu WebyPolopate.cz
Výsledky mobilní optimalizace u webu WebyPolopate.cz

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:

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.

Ceník jednotlivých WP Rocket licencí k 31.12.2023
Ceník jednotlivých WP Rocket licencí k 31.12.2023

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ě:

4,6 / 5

Hodnocení

Optimalizace: 4,5
Funkcionality: 4,5
Uživatelská přívětivost: 5
Kompatibilita: 4,5

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

Nevýhody WP Rocket

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ěť 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

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í

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ř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 a ukázka nástěnky tohoto pluginu.
WP Rocket a ukázka nástěnky tohoto pluginu.
👍 Když vám vyprší licence...

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í:

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.

Jak nastavit nastavení mezipaměti u WP Rocket
Jak nastavit nastavení mezipaměti u WP Rocket

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)
Nejlepší nastavení optimalizace souborů CSS & JS v rámci WP Rocket
Nejlepší nastavení optimalizace souborů CSS & JS v rámci WP Rocket

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í
Jak nastavit WP Rocket sekci Média (především pokud používáte Elementor)
Jak nastavit WP Rocket sekci Média (především pokud používáte Elementor)

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ě.

Nastavení předběžného načítání u WP Rocket
Nastavení předběžného načítání u WP Rocket

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á.

Ukázka možností nastavení pokročilých pravidel u WP Rocket - vesměs nic z toho nepoužívám
Ukázka možností nastavení pokročilých pravidel u WP Rocket - vesměs nic z toho nepoužívám

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!

Detailní návod, jak na zálohování, si můžete přečíst zde ->

Pomocí WP Rocket můžete pročistit i vaši databázi o staré koncepty, příspěvky v koši nebo dočasná data. (Před mazáním si vždy databázi zálohujte!)
Pomocí WP Rocket můžete pročistit i vaši databázi o staré koncepty, příspěvky v koši nebo dočasná data. (Před mazáním si vždy databázi zálohujte!)

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
Ovládání heartbeat WordPressu
Ovládání heartbeat WordPressu

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.

Ukázka přímo
Ukázka přímo "built-in" rozšíření pro další optimalizaci

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ší.

Pokud chcete kompletně zlepšit rychlost od podlahy, stáhněte si můj kompletní optimalizační checklist zde.

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!

Facebook
Twitter
LinkedIn
Email
WhatsApp
WEBYpolopatě Logo

Weby jednoduše? Jde to vůbec? No jistě! Pokud teda máte správnou inspiraci a dobrý návod. Přesně to u nás najdete. A pokud vám něco chybí, stačí nám napsat a my na tom zapracujeme!

Nově vydáváme naučná videa i na platformě YouTube. Podívejte se na naši poslední tvorbu ještě dnes.

Staňte se machrem na Wordpress & Elementor!

[PRVNÍ DOJMY] Elementor 3.19 BETA: Záměr dobrý, ale …?

WordPress

Detailní návod kde a jak se připojit na FTP u webhostingu Wedos

WordPressWebhosting

Zanechte nám komentář, ať víme, co si myslíte.

Napsat komentář

Vaše e-mailová adresa nebude zveřejněna. Vyžadované informace jsou označeny *

ERROR: Sorry, human verification failed.

WEBYpolopatě Logo
Search

Nově vydáváme naučná videa i na platformě YouTube. Podívejte se na naši poslední tvorbu ještě dnes.

Návody, tipy a triky z internetového světa přímo do mailboxu!

Uspějte na internetu s vašima webovkama. Stačí zadat váš email a my vám všechny novinky, tipy a tajné triky pošleme jako první do emailu.

Už jste skoro tam! 85%

Už zbývá jen jeden krok…

Rychlé webovky = lepší ranking v Google!

Stáhněte si můj tajný checklist na optimalizaci rychlosti WordPress stránek, který používám k dosažení skóre 100 v rámci Google page speed insights:

Naše skóre v Google PageSpeed insights

(Pošlu vám jej přímo do vašeho mailboxu)