Sieto
Sieto vd Admin
Geplaatst op 18-07-2019

Snelheid website met wp rocket (mijn langste bijdrage ooit(met dank aan mijn broer)).

Om je website snel te krijgen is het essentieel om van cashing gebruik te maken. Cashing zorgt ervoor dat de website word opgeslagen in de cache. Wanneer een bezoeker op de website komt word er eerst gekeken of er een gecachte versie van de opgevraagde pagina bestaat, zo niet dan word de pagina geladen. Als er wel een gecachte versie bestaat dan word die opgehaald, dit zorgt voor veel snellere laad tijden.

Ik maak gebruik van WP Rocket. WP Rocket is een betaalde plugin ($49 per jaar) die je kunt kopen via www.wp-rocket.me.

In deze uitleg ga ik er vanuit dat je de plugin al hebt aangeschaft.

Stap 1:

Het bestand dat je hebt gedownload via je WP Rocket account is een zip bestand. Dit zip bestand kun je installeren via Plugins -> Nieuwe plugin -> Plugin uploaden. Activeer de plugin nadat deze is toegevoegd.

Stap 2:

Ik adviseer om de volgende instellingen in te schakelen. Let op! Sommige instellingen kunnen de website breken. Test je website altijd nadat je onderstaande instellingen hebt ingeschakeld. Breekt je website? Maak je geen zorgen, het uitschakelen van de optie die het probleem veroorzaakt lost het weer op.

Tab: Cache

- Caching voor mobiele apparaten inchakelen

     - Cache-bestande voor mobiele apparaten scheiden

- Caching voor ingelogde Wordpress-gebruikers inschakelen. Deze mag ook uit, maar als je hem inschakelt ervaar je zelf ook de snelheid zoals je bezoekers die ervaren.

Tab: File optimization

LET OP! De volgende opties moet je goed testen wanneer je deze hebt ingeschakeld. Ze kunnen je website breken. Maar sla ze niet over. Schakel ze altijd in als je website goed blijft functioneren.

- Minify HTML (Testen)

- Combine Google Fonts file (alleen nodig indien je Google Fonts gebruikt)

- Query strings van statische bestanden verwijderen

- CSS bestanden verkleinen (Testen)

- Combine CSS files (Testen)

- Minify JavaScript files (Testen)

- Combine JavaScript files (Testen)

- Load JavaScript deferred (Testen!! Deze optie kan ervoor zorgen dat functionaliteit die gemaakt is met javascript/jquery niet meer werkt)

      - Safe Mode for jQuery

Mijn advies is om na elke ingeschakelde optie de website eerst te testen. Mocht je website breken, dan weet je altijd na welke optie dit is gebeurd.

Tab: Media

- Lazyload: Voor afbeeldingen inschakelen

- Lazyload: Voor iframes en videos inschakelen

- Disable Emoji (Wordpress plaatst automatisch hun eigen emoji set in je template. Deze emojis worden over het algemeen niet gebruikt. Je kunt dit uitschakelen, het zorgt enkel voor overbodige code in je template)

- Disable Wordpress embeds

Tab: Preload

- Activate preloading (Preloading zorgt ervoor dat wanneer je de cache hebt geleegd, deze automatisch opnieuw word aangemaakt. Doe je dit niet, word de cache aangemaakt door de 1ste bezoeker die op een bepaalde pagina komt.)

Dat is het. Je bent altijd vrij om verder te ontdekken wat je nog kan doen met WP Rocket, maar bovenstaande instellingen zijn de belangrijkste. Neem de test waarschuwing in acht.

Ook belangrijk: als je een wijziging hebt gedaan in je template en je ziet deze niet verschijnen in je website, leeg dan de WP Rocket cache. Je kunt dit doen door bovenin Wordpress te gaan naar WP Rocket en dan te kiezen voor Cache legen.

Succes.

Met vriendelijke groet,

Bas Blankestijn

Reacties (11)
  • Thijs
    Thijs Blankestijn
    Gereageerd op 18-07-2019

    Om je website snel te krijgen is het essentieel om van cashing gebruik te maken. Cashing zorgt ervoor dat de website word opgeslagen in de cache. Wanneer een bezoeker op de website komt word er eerst gekeken of er een gecachte versie van de opgevraagde pagina bestaat, zo niet dan word de pagina geladen. Als er wel een gecachte versie bestaat dan word die opgehaald, dit zorgt voor veel snellere laad tijden.

    Ik maak gebruik van WP Rocket. WP Rocket is een betaalde plugin ($49 per jaar) die je kunt kopen via www.wp-rocket.me.

    In deze uitleg ga ik er vanuit dat je de plugin al hebt aangeschaft.

    Stap 1:

    Het bestand dat je hebt gedownload via je WP Rocket account is een zip bestand. Dit zip bestand kun je installeren via Plugins -> Nieuwe plugin -> Plugin uploaden. Activeer de plugin nadat deze is toegevoegd.

    Stap 2:

    Ik adviseer om de volgende instellingen in te schakelen. Let op! Sommige instellingen kunnen de website breken. Test je website altijd nadat je onderstaande instellingen hebt ingeschakeld. Breekt je website? Maak je geen zorgen, het uitschakelen van de optie die het probleem veroorzaakt lost het weer op.

    Tab: Cache

    - Caching voor mobiele apparaten inchakelen

         - Cache-bestande voor mobiele apparaten scheiden

    - Caching voor ingelogde Wordpress-gebruikers inschakelen. Deze mag ook uit, maar als je hem inschakelt ervaar je zelf ook de snelheid zoals je bezoekers die ervaren.

    Tab: File optimization

    LET OP! De volgende opties moet je goed testen wanneer je deze hebt ingeschakeld. Ze kunnen je website breken. Maar sla ze niet over. Schakel ze altijd in als je website goed blijft functioneren.

    - Minify HTML (Testen)

    - Combine Google Fonts file (alleen nodig indien je Google Fonts gebruikt)

    - Query strings van statische bestanden verwijderen

    - CSS bestanden verkleinen (Testen)

    - Combine CSS files (Testen)

    - Minify JavaScript files (Testen)

    - Combine JavaScript files (Testen)

    - Load JavaScript deferred (Testen!! Deze optie kan ervoor zorgen dat functionaliteit die gemaakt is met javascript/jquery niet meer werkt)

          - Safe Mode for jQuery

    Mijn advies is om na elke ingeschakelde optie de website eerst te testen. Mocht je website breken, dan weet je altijd na welke optie dit is gebeurd.

    Tab: Media

    - Lazyload: Voor afbeeldingen inschakelen

    - Lazyload: Voor iframes en videos inschakelen

    - Disable Emoji (Wordpress plaatst automatisch hun eigen emoji set in je template. Deze emojis worden over het algemeen niet gebruikt. Je kunt dit uitschakelen, het zorgt enkel voor overbodige code in je template)

    - Disable Wordpress embeds

    Tab: Preload

    - Activate preloading (Preloading zorgt ervoor dat wanneer je de cache hebt geleegd, deze automatisch opnieuw word aangemaakt. Doe je dit niet, word de cache aangemaakt door de 1ste bezoeker die op een bepaalde pagina komt.)

    Dat is het. Je bent altijd vrij om verder te ontdekken wat je nog kan doen met WP Rocket, maar bovenstaande instellingen zijn de belangrijkste. Neem de test waarschuwing in acht.

    Ook belangrijk: als je een wijziging hebt gedaan in je template en je ziet deze niet verschijnen in je website, leeg dan de WP Rocket cache. Je kunt dit doen door bovenin Wordpress te gaan naar WP Rocket en dan te kiezen voor Cache legen.

    Succes.

    Met vriendelijke groet,

    Bas Blankestijn

  • Geert
    Geert Louters
    Gereageerd op 18-07-2019

    Super! We gaan het proberen!

  • Klaas
    Klaas Koopman
    Gereageerd op 19-07-2019

    Nu ben ik benieuwd, kun je dit ook niet bereiken met een gratis plugin zoals WP Super Cache en zo zijn er nog tal van plugins? Wat maakt deze betaalde plugin beter?

  • Sieto
    Sieto vd Admin
    Gereageerd op 19-07-2019

    Dit was ook mijn eerste reactie.

    Een groot deel van de settings kun je ook met gratis varianten instellen. Desalniettemin fijn om ze in een post te zien.

  • Sieto
    Sieto vd Admin
    Gereageerd op 19-07-2019

    Zelf gebruik ik WP Fastest Cache, die heeft bij mij iets betere resultaten dan WP Super Cache (specifiek tav Gzip).

  • Léon
    Léon Gotjé
    Gereageerd op 19-07-2019

    Zelf maak ik voor veel websites gebruik van Hummingbird (pro versie) en CloudFlare op sommige van mijn websites. Verder zijn de thema's die ik maak of aanpas voorzien van een aantal tools waar ik de alle assets (javascript en css) al kan compilen alvorens ze online gaan.

    Voor het comprimeren van afbeeldingen maak ik gebruik van WP Smush, ook de Pro variant.

  • Klaas
    Klaas Koopman
    Gereageerd op 19-07-2019

    En jij bent eventueel in te huren toch? ?

  • Thijs
    Thijs Blankestijn
    Gereageerd op 19-07-2019

    En zo komt er toch een mooie waardevolle discussie opgang. Dus zelf als je de originele post niet wil toepassen is er toch een waardevol stukje inhoud ontstaan. ?

  • Thijs
    Thijs Blankestijn
    Gereageerd op 19-07-2019

    Tsja klaas wie zal het zeggen. Ik betaal zelf niet, want mijn broer heeft het op mijn site toegepast en ingesteld. Het is natuurlijk niet gezegd dat een gratis tool niet hetzelfse kan bereiken. 

  • Thijs
    Thijs Blankestijn
    Gereageerd op 19-07-2019

    En sieto, in dat geval is dee inbreng nog steeds waardevol lijkt mij, want op deze manier is het voor leken ook mogelijk om, dit soort instellingen te doen.

    Het is iig niet bedoeld als reclame voor wp rocket. ?

  • Jeroen
    Jeroen Santing
    Gereageerd op 20-07-2019

    Super cache gebruik ik al een poosje. Werkt goed