Není to frustrující, když kliknete na webovou stránku, čekáte a čekáte, co vám připadá jako eony, a z frustrace kliknete na tlačítko Zpět? Pravdou je, že je velmi málo toho, co obtěžuje návštěvníky stránek více než a pomalé načítání webu a tam je to WP Rocket přichází v
Uvádí to studie společnosti Forrester Consulting „47 % spotřebitelů očekává, že se webová stránka načte do dvou sekund nebo méně.“.
Smutné je, že mnoho majitelů webových stránek si neuvědomuje, že pomalu se načítající webové stránky nejen že frustrují lidi, ale mohou také negativně ovlivnit vaše Google hodnocení a mají dopad na celkový příjem!
Dobrá věc je, že existují způsoby, jak urychlit načítání webových stránek, zvláště pokud je web poháněn WordPress. Protože zde vás provedu tím, jak začít WP Rocket (a ano, je to plugin, který používám k urychlení mého webu).
V tomto příspěvku se dozvíte následující:
- Jak stáhnout a nainstalovat WP Rocket
- Jak nastavit WP Rocket pomocí doporučených nastavení
- Kde získat pomoc a najít oficiální dokumentaci
Co je WP Rocket?
WP Rocket je prémie WordPress plugin pro ukládání do mezipaměti, který je extrémně účinný při zrychlení načítání vašeho webu.
Plány a ceny WP Rocket:
- $ 49 / rok – 1 rok podpory a aktualizací pro Webové stránky 1.
- $ 99 / rok – 1 rok podpory a aktualizací pro Webové stránky 3.
- $ 249 / rok – 1 rok podpory a aktualizací pro neomezené webové stránky.
Na rozdíl od většiny ostatních WordPress cache pluginy, které jsou známé tím, že jsou plné matoucích možností a nastavení. Zjistěte více o WP Rocket a zjistěte některé z nich nejlepší bezplatné alternativy k WP Rocket.
1. Stáhněte a nainstalujte WP Rocket
Nejprve přejděte na Web WP Rocket a koupit WordPress plugin.
Vyberte si plán, který vám nejlépe vyhovuje, a proveďte potřebné kroky k zadání objednávky.
Dále vám bude zaslán e-mail s přihlašovacími údaji k vašemu účtu na wp-rocket.me. Jděte, přihlaste se a přihlaste se "můj účet" najdete odkaz ke stažení. Stáhněte a uložte soubor zip do počítače.
Dále se přihlaste do svého WordPress místo a zamiřte na Pluginy –> Přidat nový –> Nahrát plugin.
Jednoduše nahrajte a nainstalujte verzi zip souboru WP Rocket.
Nakonec přejděte a aktivujte WP Rocket a plugin je nyní nainstalován. Hurá!
2. Nejlepší a doporučená nastavení WP Rocket
Nyní je čas nakonfigurovat WP Rocket podle doporučených nastavení.
Nejprve přejděte do Nastavení -> WP Rocket a dostanete se na stránku Nastavení pluginu. Existuje 10 karet nebo sekcí, které budete muset nakonfigurovat a vyladit nastavení:
- Hlavní obrazovka (výchozí karta)
- Nastavení mezipaměti
- Nastavení optimalizace souborů CSS a JS
- Nastavení médií
- Nastavení předběžného načtení
- Pokročilá nastavení pravidel
- Nastavení databáze
- Nastavení CDN
- Doplňky (Cloudflare)
- Tools
- Bonus: Konfigurace WP Rocket pro HTTP/2
- Bonus: Použití WP Rocket s KeyCDN
- Bonus: Kteří weboví hostitelé jsou kompatibilní a spolupracují s WP Rocket?
- Bonus: Stáhněte si můj konfigurační soubor WP Rocket
Nyní si projdeme konfigurací doporučených nastavení pro WP Rocket pro každou z 10 sekcí.
Dashboard WP Rocket
Dashboard vám poskytuje informace o vaší licenci a o tom, kdy vyprší její platnost. Můžete se také přihlásit jako a Raketový tester (beta testovací program) a Raketová analytika (umožněte WP Rocket anonymně sbírat data). Zde také naleznete odkazy na podporu a často kladené otázky o WP Rocket.
V řídicím panelu můžete Odebrat všechny soubory v mezipaměti (doporučeno, když dokončíte konfiguraci nastavení WP Rocket), Spusťte předběžné načítání mezipaměti (vygeneruje mezipaměť pro vaši domovskou stránku a všechny interní odkazy na domovské stránce) a Vyčistěte OPcache Obsah (vyčistí OPcahce, což zabrání problémům při aktualizaci pluginu WP Rocket).
Nastavení WP Rocket Cache
1. Povolte ukládání do mezipaměti pro mobilní zařízení by měl být aktivován, protože umožňuje ukládání do mezipaměti pro mobilní zařízení a činí váš web pro mobily přátelštější.
Také vyberte Samostatné soubory mezipaměti pro mobilní zařízení. Protože mobilní mezipaměť WP Rocket funguje nejbezpečněji s oběma povolenými možnostmi. Jste-li na pochybách, nechejte si obojí.
2. Povolte ukládání do mezipaměti pro přihlášené WordPress uživatelé, toto se doporučuje aktivovat pouze v případě, že máte členský web, nebo podobně, když se uživatelé musí přihlásit, aby viděli obsah.
3. Životnost mezipaměti je automaticky nastaveno na 10 hodin, což znamená, že soubory uložené v mezipaměti jsou automaticky odstraněny po 10 hodinách, než budou znovu vytvořeny. Pokud zřídka aktualizujete svůj stránky nebo mají hodně statické elektřiny obsah, můžete toto zvýšit.
Uložte a otestujte, důkladně! Pokud na svém webu zaznamenáte něco nefunkčního, deaktivujte nastavení.
Nastavení optimalizace CSS a JS souborů WP Rocket
Minifikování souborů snížit velikost souborů a zkrátit dobu načítání. Minifikace odstraňuje mezery a komentáře ze statických souborů, umožňuje prohlížečům a vyhledávačům rychleji zpracovávat soubory HTML, CSS a JavaScript.
Kombinování souborů zřetězí soubory do menších skupin, aby byla zajištěna kompatibilita motivů/pluginů a lepší výkon. Vynucení zřetězení pouze do 1 jediného souboru se však nedoporučuje, protože prohlížeče stahují až 6 menších souborů paralelně rychleji než 1-2 velké soubory.
1. Minifikujte soubory HTML odstraní mezery a komentáře, aby se zmenšila velikost webových stránek na vašem webu.
2. Kombinujte Google Soubory písem sníží počet požadavků HTTP (zejména pokud používáte více písem).
3. Odeberte řetězce dotazů ze statických zdrojů může zlepšit výkonnostní stupeň na GT Metrix. Toto nastavení odstraní řetězec dotazu na verzi ze statických souborů (např. style.css?ver=1.0) a místo toho jej zakóduje do názvu souboru (např. style-1-0.css).
4. Minifikujte soubory CSS odstraní mezery a komentáře, aby se zmenšila velikost souboru šablony stylů.
5. Kombinujte soubory CSS sloučí všechny vaše soubory do jediného souboru, což sníží počet požadavků HTTP. Nedoporučuje se, pokud váš web používá HTTP/2.
důležité: Tohle by mohlo rozbít věci! Pokud po aktivaci tohoto nastavení zaznamenáte na svém webu nějaké chyby, stačí jej znovu deaktivovat a váš web se vrátí do normálu.
6. Optimalizujte zobrazování CSS eliminuje CSS blokující vykreslování na vašem webu pro rychlejší vnímanou dobu načítání. To znamená, že se vaše stránka začne načítat bez CSS stylů a to je něco Google PageSpeed Insights bere v úvahu při „hodnocení“ rychlosti stránky.
Kritická cesta CSS znamená, že se vaše stránka začne načítat bez všech svých CSS stylů. To znamená, že to může při načítání na pár okamžiků vypadat trochu divně.
To se nazývá FOUC (záblesk nestylizovaného obsahu). Abyste tomu zabránili, musíte použít to, co se nazývá CSS kritické cesty. To znamená, že CSS pro obsah v horní části stránky musí být umístěno přímo v HTML, aby se zabránilo FOUC při načítání stránky.
Chcete-li vygenerovat CSS kritické cesty, můžete použít tento nástroj pro generátor CSS kritické cesty.
7. Minifikujte soubory JavaScript odstraněním mezer a komentářů snížíte velikost souborů JS.
8. Kombinujte soubory JavaScript zkombinujte informace o JavaScriptu vašeho webu s menším počtem souborů, čímž snížíte požadavky HTTP. Nedoporučuje se, pokud váš web používá HTTP/2.
důležité: Tohle by mohlo rozbít věci! Pokud po aktivaci tohoto nastavení zaznamenáte na svém webu nějaké chyby, stačí jej znovu deaktivovat a váš web se vrátí do normálu.
9. Načtení JavaScriptu bylo odloženo eliminuje JS blokující vykreslování na vašem webu a může zkrátit dobu načítání. To je něco Google PageSpeed Insights bere v úvahu při „hodnocení“ rychlosti stránky.
10. Nouzový režim pro JQuery zajišťuje podporu pro inline jQuery reference z témat a pluginů načtením jQuery v horní části dokumentu jako skript blokující vykreslování.
Uložte a otestujte, důkladně! Pokud na svém webu zaznamenáte něco nefunkčního, deaktivujte nastavení.
Nastavení WP Rocket Media
1. Líné načítání obrázků znamená, že obrázky budou načteny pouze tehdy, když vstoupí (nebo se chystají vstoupit) do výřezu, tj. načtou se pouze tehdy, když uživatel posouvá stránku dolů. Líné načítání snižuje počet požadavků HTTP, což může zkrátit dobu načítání.
(Někdy zakážu líné načítání obrázků, jen proto, že když je povoleno líné načítání, kotva Odkazy ukázání na pozici pod líně načteným obrázkem se posune na nesprávnou pozici webové stránky)
2. Líné načítání prvků iframe a videí znamenají, že prvky iframe a videa budou načteny pouze tehdy, když vstoupí (nebo se chystají vstoupit) do zobrazované oblasti, tj. načtou se pouze tehdy, když uživatel posune stránku dolů. Líné načítání snižuje počet požadavků HTTP, což může zkrátit dobu načítání.
3. Nahraďte YouTube iframe náhledovým obrázkem může výrazně zlepšit dobu načítání, pokud máte na stránce mnoho videí YouTube.
Lazyload lze vypnout na jednotlivých stránkách/příspěvcích (toto nastavení najdete v postranním panelu příspěvku/stránky)
4. Vypněte Emoji by mělo být zakázáno, protože místo načítání emotikonů by se mělo použít výchozí emotikony prohlížeče návštěvníků WordPress.org. Zakázání ukládání emodži do mezipaměti snižuje počet požadavků HTTP, což může zkrátit dobu načítání.
6. WordPress vloží by měla být zakázána, protože brání ostatním v vkládání obsahu z vašeho webu, také vám brání vkládat obsah z jiných webů a odstraňuje požadavky JavaScript související s WordPress Vloží.
Uložte a otestujte, důkladně! Pokud na svém webu zaznamenáte něco nefunkčního, deaktivujte nastavení.
Nastavení WP Rocket Preload
1. Předběžné načítání souboru Sitemap použije všechny adresy URL ve vašem souboru Sitemap XML pro předběžné načtení, když vypršela životnost mezipaměti a celá mezipaměť byla vymazána.
2. Yoast SEO XML Sitemap. WP Rocket automaticky detekuje XML sitemapy generované serverem Yoast plugin SEO. Můžete zaškrtnout možnost předběžného načtení.
3. Předem načíst robota by měl být aktivován a používán pouze na dobře fungujících serverech. Po aktivaci se spustí automaticky poté, co přidáte nebo aktualizujete obsah na svůj web. Změňte na Ruční, pokud to způsobuje vysoké napětí využití procesoru nebo problémy s výkonem.
Když napíšete nebo aktualizujete nový příspěvek nebo stránku, WP Rocket automaticky vymaže mezipaměť pro tento konkrétní obsah a jakýkoli další obsah s ním související. Preload bot projde tyto adresy URL, aby okamžitě vygeneroval mezipaměť.
4. Přednačtení požadavků DNS umožňuje překlad názvů domén paralelně s (místo sériového) načítání skutečného obsahu stránky.
Můžete zadat externí hostitele (jako //fonts.googleapis.com & //maxcdn.bootstrapcdn.com), aby bylo možné předem načíst, protože předběžné načítání DNS může zrychlit načítání externích souborů, zejména v mobilních sítích.
Nejběžnější adresy URL k předběžnému načtení jsou:
- //maxcdn.bootstrapcdn.com
- //platforma.twitter.com
- //s3.amazonaws.com
- //ajax.googleapis.com
- //cdnjs.cloudflare.com
- //netdna.bootstrapcdn.com
- //fonty.googleapis.com
- //connect.facebook.net
- // www.google-analytics.com
- // www.googletagmanager.com
- //mapy.google.com
Uložte a otestujte, důkladně! Pokud na svém webu zaznamenáte něco nefunkčního, deaktivujte nastavení.
Nastavení rozšířených pravidel WP Rocket
Tato nastavení slouží pro pokročilou správu mezipaměti, obvykle pro vyloučení stránek košíku a pokladny na webech elektronického obchodu.
1. Nikdy neukládat do mezipaměti adresy URL umožňuje zadat adresy URL stránek nebo příspěvků, které by se nikdy neměly ukládat do mezipaměti.
2. Nikdy neukládat soubory cookie do mezipaměti umožňuje zadat ID souborů cookie, které by po nastavení v prohlížeči návštěvníka měly zabránit ukládání stránky do mezipaměti.
3. Nikdy neukládat uživatelské agenty do mezipaměti umožňuje zadat řetězce uživatelského agenta, které by nikdy neměly vidět stránky uložené v mezipaměti.
4. Vždy vymažte adresy URL umožňuje zadat adresy URL, které chcete vždy vymazat z mezipaměti, kdykoli aktualizujete jakýkoli příspěvek nebo stránku.
5. Uložte řetězce dotazů do mezipaměti umožňuje zadat řetězce dotazů pro ukládání do mezipaměti.
Uložte a otestujte, důkladně! Pokud na svém webu zaznamenáte něco nefunkčního, deaktivujte nastavení.
Nastavení databáze raket WP
Tato část obsahuje řadu nastavení pro vyčištění a optimalizaci WordPress.
1. Po vyčištění odstraní revize, automatické koncepty a příspěvky a stránky v koši. Smažte je, pokud nemáte staré verze příspěvků (nebo smazané příspěvky).
2. Čištění komentářů odstraní spam a komentáře v koši.
3. Čištění přechodových jevů odstraní uložená data, jako jsou sociální počty, ale někdy, když přechodné události vyprší, zůstanou v databázi a lze je bezpečně smazat.
4. Čištění databáze optimalizuje tabulky ve vašem WordPress databáze.
5. Automatické čištění. Obvykle provádím čištění ad hoc, ale můžete také naplánovat WP Rocket, aby spustil automatické čištění vaší databáze.
V ideálním případě byste měli zálohovat databázi před spuštěním čištění, protože jakmile byla provedena optimalizace databáze, není možné ji vrátit zpět.
Nastavení WP Rocket CDN
Použití sítě pro doručování obsahu (CDN) znamená, že všechny adresy URL statických souborů (CSS, JS, obrázky) budou přepsány na vámi poskytnuté CNAME.
1. Povolte CDN. Povolte, pokud používáte síť pro doručování obsahu. WP Rocket je kompatibilní s většinou CDN, jako je Amazon Cloudfront, MaxCDN, KeyCDN (který používám) a další. Zjistěte více o tom, jak na to použijte WP Rocket s CDN
2. CDN CNAME. Zkopírujte CNAME (doménu), které vám dal váš poskytovatel CDN, a zadejte ji do CDN CNAME. Tím se přepíší všechny adresy URL pro vaše podklady (statické soubory).
3. Vyloučit soubory umožňuje zadat adresy URL souborů, které by neměly být poskytovány prostřednictvím CDN.
Uložte a otestujte, důkladně! Pokud na svém webu zaznamenáte něco nefunkčního, deaktivujte nastavení.
Doplňky WP Rocket (Cloudflare)
WP Rocket vám umožňuje integrovat váš účet Cloudflare s jeho doplňkovou funkcí.
1. Globální klíč API. Klíč API najdete vpravo nahoře ve svém účtu Cloudflare. Jednoduše přejděte do svého profilu a přejděte dolů a uvidíte svůj globální klíč API. Stačí to zkopírovat a vložit do WP Rocket.
2. E-mail účtu. Toto je e-mailová adresa, kterou používáte pro svůj účet Cloudflare.
3. Doména. Toto je název vaší domény, např. websitehostingrating.com.
4. Režim vývoje. Dočasně aktivujte vývojový režim na svém webu. Toto nastavení se automaticky vypne po 3 hodinách. To je dobré, když na svém webu provádíte mnoho změn.
5. Optimální nastavení. Automaticky vylepšuje vaši konfiguraci Cloudflare o rychlost, výkonnost a kompatibilitu. Tato možnost aktivuje optimální nastavení Cloudflare.
6. Relativní protokol. Mělo by být používáno pouze s flexibilní funkcí SSL Cloudflare. Adresy URL statických souborů (CSS, JS, obrázky) budou přepsány tak, aby místo http:// nebo https:// používaly //.
WP Rocket Tools
1. Export nastavení umožňuje exportovat nastavení WP Rocket pro použití na jiném webu.
2. Import nastavení umožňuje importovat předem nakonfigurovaná nastavení WP Rocket.
3. Vrácení zpět umožňuje vrátit se zpět k předchozí verzi, pokud vám nová verze WP Rocket způsobí nějaké problémy.
Konfigurace WP Rocket pro HTTP/2
HTTP / 2 je upgrade na HTTP, který existuje od roku 1999 pro správu komunikace mezi webovými servery a prohlížeči. HTTP/2 připravuje cestu pro rychlejší načítání stránek prostřednictvím lepší komprese dat, multiplexování požadavků a dalších vylepšení rychlosti.
Mnoho serverů a prohlížečů podporuje HTTP/2 a většina webových hostitelů, jako SiteGround, nyní podporují HTTP/2. Tento Kontrola HTTP/2 vám řekne, zda je váš web schopen používat HTTP/2.
Pokud je váš web schopen používat HTTP/2, zde je návod, jak pro něj nakonfigurovat WP Rocket.
Zřetězení (kombinování) všech souborů CSS a JS do co nejmenšího počtu souborů není nejlepší postup pro HTTP/2 a WP Rocket vám to doporučuje neaktivovat zřetězení souborů v karta optimalizace souborů.
WP Rocket vám to doporučuje ponechte tato dvě políčka nezaškrtnutá. Více informací viz tento článek o WP Rocket.
Jak používat WP Rocket s KeyCDN
Nastavení WP Rocket pomocí KeyCDN je docela jednoduché. (Pro informaci KeyCDN je síť pro doručování obsahu, kterou používám a doporučuji)
Nejprve vytvořte přitahovací zónu KeyCDN. Pak přejděte na Karta CDN a zkontrolujte Povolit síť pro doručování obsahu volba.
Nyní aktualizujte Nahraďte název hostitele webu řetězcem: pole s adresou URL, kterou získáte z řídicího panelu KeyCDN (v části Zones > Zone URL pro zónu stahování, kterou jste vytvořili. Adresa URL bude vypadat podobně jako: lorem-1c6b.kxcdn.com)
Alternativně a doporučená možnost, použít CNAME vámi zvolené adresy URL (například https://static.websitehostingrating.com)
Kteří weboví hostitelé spolupracují s WP Rocket?
WP Rocket je kompatibilní téměř se všemi web hosts. Některé se však zejména podařilo WordPress hostitelů, nemusí fungovat s WP Rocket. Pokud váš poskytovatel hostingu není uveden níže, neznamená to, že není kompatibilní s WP Rocket. Nejlepší způsob, jak si být 100% jistý, je kontaktovat svého hostitele webu a zeptat se ho.
- Kinsta: Kinsta podporuje pouze WP Rocket verze 3.0 a vyšší. Ukládání stránek do mezipaměti WP Rocket je automaticky zakázáno, aby se zabránilo konfliktu s vestavěným ukládáním do mezipaměti Kinsta. Kinsta je oficiálním partnerem společnosti WP Rocket.
- WP Engine: WP Rocket je jediný plugin pro ukládání do mezipaměti, který je povolen WP Engine. WP Engine je oficiálním partnerem společnosti WP Rocket.
- SiteGround: WP Rocket je kompatibilní s SiteGround's statické, dynamické a memcachované mezipaměti. SiteGround je oficiálním partnerem společnosti WP Rocket.
- A2 Hosting: WP Rocket je plně kompatibilní s A2 Hosting. Ale musíte nainstalovat WordPress na vašem webu, než si budete moci nainstalovat plugin WP Rocket. A2 Hosting je oficiálním partnerem WP Rocket.
- WebHostFace: WebHostFace podporuje (a je oficiálním partnerem) WP Rocket.
- Savvi: Savvii podporuje (a je oficiálním partnerem) WP Rocket.
- FastComet: Nabízí speciálně optimalizovaný balíček pro WordPress a WP Rocket. FastComet je oficiálním partnerem společnosti WP Rocket.
- Bluehost Managed WordPress zvolal: Bluehost Managed WordPress Plány Konfigurace laku přeruší minifikaci WP Rocket, takže musíte buď vypnout Bluehost's Laknebo vypněte minifikaci WP Rocket.
- Cloudways WordPress hosting: Když používáte minifikaci WP Rocket s Varnish Cloudways, musíte vytvořit pravidlo vyloučení pro Varnish v nastavení aplikace Cloudways.
- setrvačník: Musíte kontaktovat podporu Flywheel a požádat ji o aktivaci WP Rocket.
- HostGator Managed WordPress zvolal: WP Rocket není povoleno HostGator Managed WordPress Hosting.
- Syntéza: W3 Total Cache je předinstalovaná na Synthesis, ale lze ji odstranit a nahradit WP Rocket.
- WebSavers.ca: WebSavers.ca je oficiálním partnerem WP Rocket.
Přečtěte si více o kompatibilním webhostingu se zapnutým WP Rocket https://docs.wp-rocket.me/article/670-hosting-compatibility.
Stáhněte si můj konfigurační soubor WP Rocket
Velmi snadno jsem přidal stejnou konfiguraci WP Rocket, kterou používám zde na můj web. Jednoduše stáhněte si tento konfigurační soubor WP Rocket a poté jej importujte do sekce Nástroje správce WP Rocket.
Kupte si kopii WP Rocket a pak jít a stáhněte si konfigurační soubor WP Rocket a importujte přesná nastavení, která doporučuji a používám na tomto webu.
3. Nápověda a oficiální dokumentace WP Rocket
Pokud se z toho či onoho důvodu dostanete do problémů s WP Rocket, je zde k dispozici spousta užitečných informací Web WP Rocket. Nezapomeňte, že nákupem získáte také 1 rok podpory.
Zde je seznam výukových programů WP Rocket, které jsem považoval za nejužitečnější:
- Začínáme
- Hostingová kompatibilita
- Jak zkontrolovat, zda WP Rocket ukládá vaše stránky do mezipaměti
- SSL s WP Rocket
- WP raketa s CDN
- WP Raketa S Cloudflare
- Vyřešte interní chybu serveru 500
- Řešení problémů s minifikace
- Konfigurace NGINX pro WP Rocket
Jaké máte zkušenosti s používáním Plugin pro ukládání do mezipaměti WP Rocket WordPress? Vynechal jsem nějakou zásadní informaci? Rád bych o tom všem slyšel v komentářích níže!
Pokud vám tento návod k nastavení WP Rocket připadal užitečný, jeho sdílení na sociálních sítích vždy oceníme.
