Hoe WP Rocket te installeren en configureren (aanbevolen instellingen)

Geschreven door

Is het niet frustrerend als je op een website klikt, je wacht en wacht op wat een eeuwigheid lijkt, en je uit frustratie op de terug-knop klikt? De waarheid is dat er heel weinig is dat sitebezoekers meer ergert dan een langzaam ladende website en dat is waar WP Rocket komt binnen

Vanaf $ 49 per jaar

Koop WP Rocket vanaf $ 49 incl. 1 jaar ondersteuning en updates voor 1 website

Een studie van Forrester Consulting stelt dat "47% van de consumenten verwacht dat een webpagina binnen twee seconden of minder wordt geladen".

Het trieste is dat veel website-eigenaren zich niet realiseren dat een langzaam ladende website niet alleen mensen frustreert, maar ook een negatieve invloed kan hebben op uw Google rankings, en hebben een impact op de bottom-line omzet!

Het goede ding is dat er manieren zijn om de laadtijd van een website te versnellen, vooral als de website wordt aangedreven door WordPress. Want hier ga ik je laten zien hoe je aan de slag kunt gaan WP Rocket (en ja het is een plug-in die ik gebruik om mijn website te versnellen).

DEAL

Koop WP Rocket vanaf $ 49 incl. 1 jaar ondersteuning en updates voor 1 website

Vanaf $ 49 per jaar

Dit leer je in dit bericht:

Wat is WP Rocket?

WP Rocket is een premium WordPress caching plug-in die extreem effectief is in het versnellen van de laadtijd van uw website.

WP Rocket Caching-plugin

WP Rocket plannen en prijzen:

  • $ 49 / jaar - 1 jaar ondersteuning en updates voor 1-website.
  • $ 99 / jaar - 1 jaar ondersteuning en updates voor 3 websites.
  • $ 249 / jaar - 1 jaar ondersteuning en updates voor onbeperkte websites.


In tegenstelling tot de meeste anderen WordPress caching plug-ins die berucht zijn omdat ze vol zitten met verwarrende opties en instellingen. Leer meer over WP Rocket en ontdek enkele van de beste gratis alternatieven voor WP Rocket.

1. Download en installeer WP Rocket

Ga eerst naar de WP Rocket-website en koop de WordPress plugin.

Kies het plan dat het beste bij u past en voer de nodige stappen uit om uw bestelling te plaatsen.

Vervolgens ontvang je een e-mail met inloggegevens naar je account op wp-rocket.me. Ga inloggen en in "mijn rekening" je zal de downloadlink vinden. Download en sla het zip-bestand op naar uw computer.

download wp-raket

Log vervolgens in op uw WordPress site en ga naar Plug-ins -> Nieuwe toevoegen -> Plug-in uploaden.

Upload en installeer eenvoudig de zip-bestandsversie van WP Rocket.

installeer wp-raket

Ga ten slotte naar WP Rocket en activeer de plug-in nu. Yay!

Nu is het tijd om WP Rocket te configureren volgens de aanbevolen instellingen.

Ga eerst naar Instellingen -> WP Rocket en je wordt naar de pagina Instellingen van de plug-in gebracht. Er zijn 10 tabbladen of secties die u moet configureren en aanpassen voor:

  1. Dashboard (standaard tabblad)
  2. Cache-instellingen
  3. CSS & JS Bestanden Optimalisatie-instellingen
  4. Media-instellingen
  5. Voorinstellingen vooraf laden
  6. Geavanceerde regels instellingen
  7. Database-instellingen
  8. CDN-instellingen
  9. Add-ons (Cloudflare)
  10. Toolbox

Laten we nu doorgaan met het configureren van de aanbevolen instellingen voor WP Rocket, voor elk van de 10 secties.

WP Rocket Dashboard

wp raket dashboard

Het dashboard geeft u informatie over uw licentie en wanneer deze vervalt. U kunt ook kiezen om een ​​te zijn Rocket Tester (bètatestprogramma) en Rocket Analytics (sta toe dat WP Rocket anoniem gegevens verzamelt). Hier vindt u ook links naar ondersteuning en veelgestelde vragen over WP Rocket.

In het Dashboard kun je Verwijder alle cachebestanden (aanbevolen om te doen wanneer u klaar bent met het configureren van de WP Rocket-instellingen), Start cache vooraf laden (genereert een cache voor uw startpagina en alle interne links op de startpagina) en Purge OPcache Inhoud (zuivert de OPcahce die problemen voorkomt wanneer u de WP Rocket-plug-in bijwerkt).

WP Rocket Cache-instellingen

wp Rocket cache-instellingen

1. Schakel caching in voor mobiele apparaten moet worden geactiveerd omdat caching voor mobiele apparaten mogelijk is en uw website mobielvriendelijker wordt.

Selecteer ook Afzonderlijke cachebestanden voor mobiele apparaten. Omdat WP Rocket mobiele caching het veiligst werkt als beide opties zijn ingeschakeld. Bewaar beide bij twijfel.

2. Caching inschakelen voor aangemeld WordPress gebruikers, wordt dit alleen aanbevolen om te hebben geactiveerd wanneer u een lidmaatschapssite heeft, of iets dergelijks wanneer gebruikers moeten inloggen om de inhoud te zien.

3. Levensduur van de cache wordt automatisch ingesteld op 10 uur en dit betekent dat gecachte bestanden automatisch worden verwijderd na 10 uur voordat ze opnieuw worden gemaakt. Als u uw. Zelden bijwerkt site of hebben veel statische elektriciteit inhoud kunt u dit vergroten.

Bespaar en test grondig! Deactiveer instellingen als u iets opmerkt dat op uw website is gebroken.

Optimalisatie-instellingen voor WP Rocket CSS en JS Files

WP Rocket CSS & JS Instellingen voor bestandsoptimalisatie

Bestanden verkleinen verminder bestandsgroottes en kan de laadtijd verbeteren. Minification verwijdert spaties en opmerkingen van statische bestanden, stelt browsers en zoekmachines in staat om sneller HTML-, CSS- en JavaScript-bestanden te verwerken.

Bestanden combineren zal bestanden samenvoegen in kleinere groepen om compatibiliteit met thema's / plug-ins en betere prestaties te garanderen. Het wordt echter niet aanbevolen om concatenatie samen te voegen tot een enkel 1-bestand, omdat browsers sneller tot 6 kleinere bestanden parallel downloaden dan grote 1-2-bestanden.

Het combineren van CSS en JS in minder bestanden wordt beschouwd als een best practice onder HTTP / 1, dat is niet noodzakelijk het geval met HTTP / 2. Als uw site op HTTP / 2 werkt, zijn dit de dingen waar u rekening mee moet houden wanneer configureren WP Rocket voor HTTP / 2.

1. Verklein HTML-bestanden verwijdert spaties en opmerkingen om de grootte van de webpagina's op uw site te verkleinen.

2. Combineren Google Lettertypebestanden zal het aantal HTTP-verzoeken verminderen (vooral als u meerdere lettertypen gebruikt).

3. Verwijder vraagreeksen van statische bronnen kan de prestatienorm op GT Metrix verbeteren. Met deze instelling wordt de versiereeks verwijderd uit statische bestanden (bijvoorbeeld style.css? Ver = 1.0) en gecodeerd in plaats daarvan in de bestandsnaam (bijvoorbeeld style-1-0.css).

4. Verklein CSS-bestanden verwijdert spaties en opmerkingen om de bestandsgrootte van het stylesheet te verkleinen.

5. Combineer CSS-bestanden voegt al uw bestanden samen in slechts één bestand, waardoor het aantal HTTP-aanvragen afneemt. Niet aanbevolen als uw site HTTP / 2 gebruikt.

Belangrijk: Dit kan dingen breken! Als u fouten op uw website opmerkt nadat u deze instelling hebt geactiveerd, deactiveert u deze opnieuw en wordt uw site weer normaal.

6. Optimaliseer CSS-bezorging elimineert render-blokkerende CSS op uw website voor een snellere waargenomen laadtijd. Dit betekent dat je pagina begint te laden zonder CSS-stijlen en dit is iets Google PageSpeed ​​Insights houdt rekening met het 'scoren' van de paginasnelheid.

Kritiek pad CSS betekent dat uw pagina wordt geladen zonder alle CSS-stijlen. Dat betekent dat het een tijdje raar kan lijken tijdens het laden.

Dit wordt de FOUC (flits van niet-gestileerde inhoud). Om dit te voorkomen, moet u Critical Path CSS gebruiken. Dit betekent dat de CSS voor de inhoud bovenaan uw pagina rechtstreeks in de HTML moet worden geplaatst om de FOUC te vermijden terwijl de pagina wordt geladen.

Voor het genereren van de kritieke pad-CSS die u kunt gebruiken dit CSS-generatorprogramma voor kritieke paden.

7. Verklein JavaScript-bestanden verwijder spaties en opmerkingen om de grootte van JS-bestanden te verkleinen.

8. Combineer JavaScript-bestanden combineer de JavaScript-informatie van uw site minder bestanden, waardoor HTTP-aanvragen worden verminderd. Niet aanbevolen als uw site HTTP / 2 gebruikt.

Belangrijk: Dit kan dingen breken! Als u fouten op uw website opmerkt nadat u deze instelling hebt geactiveerd, deactiveert u deze opnieuw en wordt uw site weer normaal.

9. JavaScript uitgesteld laden elimineert render-blocking JS op uw site en kan de laadtijd verbeteren. Dit is iets Google PageSpeed ​​Insights houdt rekening met het 'scoren' van de paginasnelheid.

10. Veilige modus voor JQuery zorgt voor ondersteuning voor inline jQuery-verwijzingen van thema's en plug-ins door jQuery boven aan het document te laden als een script voor het blokkeren van de resultaten.

Bespaar en test grondig! Deactiveer instellingen als u iets opmerkt dat op uw website is gebroken.

WP Rocket Media-instellingen

wp rocket media-instellingen

1. Luie laad afbeeldingen betekent dat afbeeldingen alleen worden geladen als ze de viewport binnenkomen (of op het punt staan ​​om binnen te gaan), dat wil zeggen dat ze alleen worden geladen wanneer de gebruiker de pagina naar beneden scrolt. Lui laden vermindert het aantal HTTP-aanvragen dat de laadtijden kan verbeteren.

(Ik schakel soms het lui laden van afbeeldingen uit, alleen als anker laden is ingeschakeld, anker links wijzend naar een positie onder een lui geladen afbeelding scrolt naar de verkeerde positie van de webpagina)

2. Lui laad iframes en video's betekent dat iframes en video's alleen worden geladen als ze de viewport invoeren (of beginnen te betreden), dat wil zeggen dat ze alleen worden geladen wanneer de gebruiker de pagina scrolt. Lui laden vermindert het aantal HTTP-aanvragen dat de laadtijden kan verbeteren.

3. Vervang YouTube iframe met voorbeeldafbeelding kan uw laadtijd aanzienlijk verbeteren als u veel YouTube-video's op een pagina heeft.

Lazyload kan op individuele pagina's / berichten worden uitgeschakeld (je vindt deze instelling in de zijbalk van de post / pagina)

4. Schakel Emoji uit moet worden uitgeschakeld omdat de standaardemoji van de browser van bezoekers moet worden gebruikt in plaats van emoji te laden van WordPress.org. Als u emoji-caching uitschakelt, wordt het aantal HTTP-aanvragen verminderd wat de laadtijden kan verbeteren.

6. WordPress instortvoorzieningen moet worden uitgeschakeld omdat het voorkomt dat anderen inhoud van uw site insluiten, het voorkomt ook dat u inhoud van andere sites insluit en verwijdert JavaScript-aanvragen met betrekking tot WordPress Inbedt.

Bespaar en test grondig! Deactiveer instellingen als u iets opmerkt dat op uw website is gebroken.

WP Rocket Preload-instellingen

wp rocket preload-instellingen

1. Vooraf laden van de sitemap gebruikt alle URL's in uw XML-sitemap voor het vooraf laden wanneer de cachelevensduur is verlopen en de volledige cache is gewist.

2. Yoast SEO XML sitemap. WP Rocket detecteert automatisch XML-sitemaps die zijn gegenereerd door de Yoast SEO plugin. U kunt de optie aanvinken om hem vooraf te laden.

3. Preload bot mag alleen worden geactiveerd en gebruikt op goed presterende servers. Eenmaal geactiveerd, wordt het automatisch geactiveerd nadat u inhoud op uw website heeft toegevoegd of bijgewerkt. Schakel over naar Handmatig als dit high veroorzaakt CPU gebruik of prestatieproblemen.

Wanneer u een nieuwe post of pagina schrijft of bijwerkt, wist WP Rocket automatisch de cache voor die specifieke inhoud en alle andere gerelateerde inhoud. De preload-bot crawlt deze URL's om de cache onmiddellijk te genereren.

4. Prefetch DNS-verzoeken staat toe dat de domeinnaamresolutie parallel plaatsvindt met (in plaats van in serie met) het ophalen van de werkelijke pagina-inhoud.

U kunt externe hosts specificeren (zoals //fonts.googleapis.com & //maxcdn.bootstrapcdn.com) vooraf worden opgehaald omdat DNS-prefetching ervoor kan zorgen dat externe bestanden sneller worden geladen, vooral op mobiele netwerken.

De meest voorkomende URL's voor prefetch zijn:

  • //maxcdn.bootstrapcdn.com
  • //platform.twitter.com
  • //s3.amazonaws.com
  • //Ajax.googleapis.com
  • //cdnjs.cloudflare.com
  • //netdna.bootstrapcdn.com
  • //lettertypen.googleapis.com
  • //connect.facebook.net
  • // www.google-analytics.com
  • // www.googletagmanager.com
  • //kaarten.google.com

Bespaar en test grondig! Deactiveer instellingen als u iets opmerkt dat op uw website is gebroken.

WP Rocket Geavanceerde regels instellingen

WP Rocket Static Files-instellingen

Deze instellingen zijn voor geavanceerd cachebeheer, meestal voor het uitsluiten van winkelwagen- en betalingspagina's op e-commercesites.

1. Nooit cache-URL ('s) laat u URL's van pagina's of berichten opgeven die nooit in de cache mogen worden geplaatst.

2. Plaats nooit cookies in het cachegeheugen laat je de ID's van cookies specificeren die, indien ingesteld in de browser van de bezoeker, moeten voorkomen dat een pagina gecached wordt.

3. Plaats user-agents nooit in de cache kunt u user agent-tekenreeksen opgeven die nooit in de cache geplaatste pagina's mogen zien.

4. Altijd URL's leegmaken laat je URL's specificeren die je altijd uit de cache wilt laten verwijderen wanneer je een bericht of pagina bijwerkt.

5. Cache-queryreeksen laat je query strings specificeren voor caching.

Bespaar en test grondig! Deactiveer instellingen als u iets opmerkt dat op uw website is gebroken.

WP Rocket Database-instellingen

WP Rocket Database-instellingen

Dit gedeelte wordt geleverd met een reeks instellingen om op te ruimen en te optimaliseren WordPress.

1. Post opruimen verwijdert revisies, automatische concepten en trashed berichten en pagina's. Verwijder deze tenzij u oude versies van berichten (of verwijderde berichten) heeft.

2. Reacties opruimen verwijdert spam en verwijderde reacties.

3. Transiënten opruimen verwijdert opgeslagen gegevens die van sociale tellingen houden, maar soms blijven transiënten verstreken en blijven ze in de database en kunnen ze veilig worden verwijderd.

4. Database opruimen optimaliseert tabellen in uw WordPress database.

5. Automatisch opschonen. Meestal doe ik op ad hoc basis opruimen, maar je kunt WP Rocket ook plannen om geautomatiseerde opruimacties van je database uit te voeren.

Idealiter maakt u een back-up van uw database voordat u een opschoning uitvoert, want als de database-optimalisatie eenmaal is uitgevoerd, is er geen manier om dit ongedaan te maken.

WP Rocket CDN-instellingen

WP Rocket CDN-instellingen

Het gebruik van een content delivery network (CDN) betekent dat alle URL's van statische bestanden (CSS, JS, afbeeldingen) worden herschreven naar de CNAME ('s) die u levert.

1. Schakel CDN in. Schakel dit in als u een netwerk voor inhoudaflevering gebruikt. WP Rocket is compatibel met de meeste CDN's zoals Amazon Cloudfront, MaxCDN, KeyCDN (die ik gebruik) en anderen. Meer informatie over hoe gebruik WP Rocket met een CDN

2. CDN CNAME (s). Kopieer de CNAME (domein) die u van uw CDN-provider hebt gekregen en voer deze in de CDN CNAME in. Hiermee worden alle URL's voor uw items (statische bestanden) herschreven.

3. Bestanden uitsluiten kunt u URL ('s) opgeven van bestanden die niet via CDN kunnen worden ontvangen.

Bespaar en test grondig! Deactiveer instellingen als u iets opmerkt dat op uw website is gebroken.

WP Rocket-add-ons (Cloudflare)

WP Rocket-add-ons (Cloudflare)

Met WP Rocket kunt u uw Cloudflare-account integreren met zijn add-on-functie.

1. Globale API-sleutel. Je vindt de API-sleutel rechtsboven in je Cloudflare-account. Ga gewoon naar je profiel en scrol naar beneden en je ziet je wereldwijde API-sleutel. Je hoeft dit alleen maar te kopiëren en in WP Rocket te plakken.

2. E-mailaccount. Dit is het e-mailadres dat u gebruikt voor uw Cloudflare-account.

3. Domein. Dit is uw domeinnaam, bijvoorbeeld websitehostingrating.com.

4. Ontwikkelmodus. Activeer de ontwikkelingsmodus tijdelijk op uw website. Deze instelling wordt automatisch uitgeschakeld na 3-uren. Dit is goed als u veel wijzigingen in uw site aanbrengt.

5. Optimale instellingen. Verbetert automatisch uw Cloudflare-configuratie voor snelheid, prestaties en compatibiliteit. Deze optie activeert de optimale Cloudflare-instellingen.

6. Relatief protocol. Mag alleen worden gebruikt met de flexibele SSL-functie van Cloudflare. URL's van statische bestanden (CSS, JS, afbeeldingen) worden herschreven om // te gebruiken in plaats van http: // of https: //.

WP Rocket Tools

WP Rocket Tools

1. Exporteer instellingen laat je je WP Rocket-instellingen exporteren voor gebruik op een andere site.

2. Instellingen importeren kunt u uw vooraf geconfigureerde WP Rocket-instellingen importeren.

3. Terugrollen laat je terugkeren naar een vorige versie als een nieuwe versie van WP Rocket problemen voor je veroorzaakt.

WP Rocket configureren voor HTTP / 2

HTTP / 2 is een upgrade naar de HTTP die al bestaat sinds 1999 om de communicatie tussen webservers en browsers te beheren. HTTP / 2 effent het pad voor snellere pagina's door betere gegevenscompressie, multiplexen van verzoeken en andere snelheidsverbeteringen.

Veel servers en browsers ondersteunen HTTP / 2 en de meeste webhosts, als SiteGround, nu ondersteuning voor HTTP / 2. Deze HTTP / 2-controle vertelt u of uw site HTTP / 2 kan gebruiken.

Als uw site HTTP / 2 kan gebruiken, kunt u hier als volgt WP Rocket configureren.

Alle CSS- en JS-bestanden samenvoegen (combineren) in zo min mogelijk bestanden is niet de beste methode voor HTTP / 2 en WP Rocket beveelt je aan om dit te doen geen bestandsaaneenschakeling activeren functie in het bestand optimalisatie tabblad.

WP Rocket configureren voor HTTP / 2

WP Rocket beveelt u aan laat deze twee vakjes niet aangevinkt. Zie voor meer informatie dit artikel op WP Rocket.

Hoe WP Rocket met KeyCDN te gebruiken

Het opzetten van WP Rocket met KeyCDN is vrij eenvoudig. (TER INFO KeyCDN is het inhoudbezorgingsnetwerk dat ik gebruik en aanraad)

Maak eerst een pull-zone aan KeyCDN. Ga dan naar de CDN tabblad en controleer de Content Delivery Network inschakelen optie.

hoe je wp-raket moet instellen met keycdn

Werk nu het Vervang de hostnaam van de site door: " veld met de URL die je krijgt van het KeyCDN-dashboard (onder Zones> Zone-URL voor de pull-zone die je hebt gemaakt. De URL ziet er ongeveer zo uit als: lorem-1c6b.kxcdn.com)

Als alternatief, en de aanbevolen optie, gebruik een CNAME van uw URL naar keuze (bijvoorbeeld https://static.websitehostingrating.com)

Welke webhosts werken met WP Rocket?

WP Rocket is compatibel met bijna alle web hosts. Maar sommige, vooral beheerd WordPress hosts, werkt mogelijk niet met WP Rocket. Als uw hostingprovider hieronder niet wordt vermeld, betekent dit niet dat deze niet compatibel is met WP Rocket. De beste manier om 100% zeker te zijn, is door contact op te nemen met uw webhost en het te vragen.

  • Kinsta: Kinsta ondersteunt alleen WP Rocket versie 3.0 en hoger. Paginacaching van WP Rocket wordt automatisch uitgeschakeld om conflicten met de ingebouwde caching van Kinsta te voorkomen. Kinsta is een officiële partner van WP Rocket.
  • WP Engine: WP Rocket is de enige caching-plug-in die is toegestaan ​​op WP Engine. WP Engine is een officiële partner van WP Rocket.
  • SiteGround: WP Rocket is compatibel met: SiteGround's statische, dynamische en memcached caching. SiteGround is een officiële partner van WP Rocket.
  • A2-hosting: WP Rocket is volledig compatibel met A2 Hosting. Maar je moet installeren WordPress op uw site voordat u de WP Rocket-plug-in kunt installeren. A2 Hosting is een officiële partner van WP Rocket.
  • WebHostFace: WebHostFace ondersteunt (en is een officiële partner van) WP Rocket.
  • Savvii: Savvii ondersteunt (en is een officiële partner van) WP Rocket.
  • FastComet: Biedt een specifiek geoptimaliseerd pakket voor WordPress en WP Rocket. FastComet is een officiële partner van WP Rocket.
  • Bluehost Managed WordPress plannen: Bluehost Managed WordPress plant Vernisconfiguratie breekt de minificatie van WP Rocket, dus u moet beide uitschakelen Bluehost's Varnishof schakel de minification van WP Rocket uit.
  • Cloudways WordPress hosting: Wanneer u de minification van WP Rocket gebruikt met de Varnish van Cloudways, moet u in de applicatie-instellingen van Cloudways een uitsluitingsregel voor Varnish maken.
  • vliegwiel: U moet contact opnemen met Flywheel-ondersteuning en hen vragen om WP Rocket te activeren.
  • HostGator beheerd WordPress plannen: WP Rocket is niet toegestaan ​​op HostGator beheerd WordPress Hosting.
  • Synthese: W3 Total Cache is vooraf geïnstalleerd op Synthesis, maar kan worden verwijderd en vervangen door WP Rocket.
  • WebSavers.ca: WebSavers.ca is een officiële partner van WP Rocket.

Lees meer over compatibele webhost met WP Rocket aan https://docs.wp-rocket.me/article/670-hosting-compatibility.

Download mijn WP Rocket-configuratiebestand

Ik heb het heel gemakkelijk gemaakt om dezelfde WP Rocket-configuratie toe te voegen die ik hier op mijn site gebruik. eenvoudigweg download dit WP Rocket configuratiebestand en importeer het vervolgens in het gedeelte Tools van de WP Rocket-beheerder.

gratis download wp raket configuratiebestand

Koop een kopie van WP Rocket en ga dan en download mijn WP Rocket configuratiebestand en importeer de exacte instellingen die ik aanbeveel en gebruik op deze site.

3. WP Rocket Help en officiële documentatie

Als je om de een of andere reden in de problemen komt met WP Rocket is er heel veel nuttige informatie beschikbaar Website van WP Rocket. Vergeet niet dat u ook het jaar van ondersteuning van 1 bij uw aankoop krijgt.

wp raket hulp

Hier is een lijst met WP Rocket tutorials die ik het meest nuttig vond:

Wat is uw ervaring met het gebruik van de WP Rocket caching plug-in voor WordPress? Heb ik cruciale informatie weggelaten? Ik zou het leuk vinden om er alles over te horen in de comments hieronder!

Als je deze WP Rocket setup-handleiding nuttig vond, wordt het op prijs stellen altijd op sociale basis gedeeld.

Schrijf je in op onze nieuwsbrief

Abonneer u op onze wekelijkse roundup-nieuwsbrief en ontvang het laatste nieuws en trends in de branche

Door op 'abonneren' te klikken ga je akkoord met onze gebruiksvoorwaarden en privacybeleid.