Optimaliseren WordPress site

Algemeen

Gebruik voor het optimalisren van een WordPress site de volgende twee plugins:

• Optimole en
• W3 TOTAL CACHE

Een aantal functies van deze twee plugins overlappen elkaar maar door te volgende stappen te volgen kunnen de twee goed gecombineerd worden!

Stap 1: Minimaliseer- en combineerfuncties uitschakelen in W3 Total Cache

1. Ga naar W3 Total Cache:
   • In je WordPress-dashboard, ga naar “Prestaties” > “Algemene instellingen”.
2. Schakel Minify uit:
   • Scroll naar de sectie “Minify” en zet de schakelaar “Minify” op “Uit”.
   • Klik op “Instellingen opslaan” onderaan de pagina.
3. Controleer andere instellingen (optioneel):
   • Als je ook andere optimalisaties in W3 Total Cache hebt ingeschakeld (bijvoorbeeld voor HTML, JS, of CSS), kun je deze ook uitschakelen om dubbel werk te voorkomen.

Stap 2: Autoptimize instellen voor CSS/JS-optimalisatie

1. Ga naar Autoptimize:
   • In je WordPress-dashboard, ga naar “Instellingen” > “Autoptimize”.
2. CSS-opties:
   • Vink “Optimaliseer CSS-code” aan.
   • Vink “CSS-bestanden samenvoegen” aan.
   • Vink “CSS inline en uitstellen” aan (optioneel, maar kan de laadsnelheid verbeteren).
3. JavaScript-opties:
   • Vink “Optimaliseer JavaScript-code” aan.
   • Vink “JS-bestanden samenvoegen” aan.
   • Vink “JS uitstellen” aan (optioneel, maar kan de laadsnelheid verbeteren).
4. HTML-opties:
   • Vink “Optimaliseer HTML-code” aan (optioneel).
5. Opslaan:
   • Klik op “Wijzigingen opslaan” onderaan de pagina.

Stap 3: Test je website

1. Cache legen:
   • Ga terug naar W3 Total Cache en klik op “Prestaties” > “Dashboard”.
   • Klik op “Alle caches legen” om ervoor te zorgen dat de wijzigingen worden toegepast.
2. Test de laadsnelheid:
   • Gebruik tools zoals GTmetrix of Google PageSpeed Insights om te controleren of de optimalisaties werken en of er geen problemen zijn met de weergave of functionaliteit van je site.

Stap 4: Problemen oplossen (indien nodig)

• Als bepaalde elementen op je site niet goed worden weergegeven, kun je in Autoptimize specifieke CSS- of JS-bestanden uitsluiten van optimalisatie.
• Ga naar de Autoptimize-instellingen en voeg de bestandsnamen of URLs toe in de velden “Uitsluitingen voor CSS” of “Uitsluitingen voor JS”.