Hoe expire headers toevoegen aan WordPress? Lees hier welke code je kunt toevoegen aan je .htaccess bestand van je WordPress website. Aanleiding is waarschijnlijk een test in bijvoorbeeld GTmetrix.com met als één van de uitkomsten: ‘Leverage browser caching for the following cacheable resources‘:
Expire headers instellen WordPress
‘Expire headers’ zijn toekomstige verloopdata van websitebestanden. Wanneer een gebruiker een website bezoekt, bewaard zijn of haar browser deze bestanden. Tevens houd de browser bij hoe lang deze bestanden geldig zijn. Dit kan alleen, mits je .htaccess bestand van je (WordPress) website deze data aangeeft. Als je dit eenmaal hebt ingesteld, hoeft de browser van de bezoeker niet de inhoud van je site opnieuw te laden. Dus zo versnel je de laadtijd van je WordPress installatie. En blijven de bestanden geldig in de cache van de browsers van je webbezoekers.
Leverage browser caching WordPress
Hierbij de code die je kunt toevoegen aan je WordPress .htaccess bestand als het gaat om toevoegen van Expire headers.
Waar in het .htaccess bestand? Het is prima om dit op de line na “#End WordPress” te zetten.
Expire headers code .htacces WordPress
Via knippen en plakken kun je deze code toevoegen aan je WordPress .htaccess file:
# LBROWSERCSTART Browser Caching
<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image/gif “access 1 year”
ExpiresByType image/jpg “access 1 year”
ExpiresByType image/jpeg “access 1 year”
ExpiresByType image/png “access 1 year”
ExpiresByType image/svg “access 1 year”
ExpiresByType image/x-icon “access 1 year”
ExpiresByType text/css “access 1 month”
ExpiresByType text/javascript “access 1 month”
ExpiresByType text/html “access 1 month”
ExpiresByType application/javascript “access 1 month”
ExpiresByType application/x-javascript “access 1 month”
ExpiresByType application/xhtml-xml “access 1 month”
ExpiresByType application/pdf “access 1 month”
ExpiresByType application/x-shockwave-flash “access 1 month”
ExpiresDefault “access 1 month”
</IfModule>
# END Caching LBROWSERCEND
Javascript Google Analytics, Google Adsense en Google tagmanager & laadtijd
Na toevoegen van de code, zul je merken dat de code voor Google Analytics, Google Adsense en voor Google Tagmanager nog wel buiten Leverage browser caching vallen. Het is heel vervelend maar Google diensten kosten je helaas laadtijd. Wel kun je nog twee dingen doen om trage laadtijden te voorkomen:
Iets dat je daartegen nog kunt doen, is de Google Analytics code niet in je /header in te laden, maar deze in de /footer area te laten laden. Haal de Google Analytics code daarvoor uit je (kind)theme en zet het in de footer. Ik gebruik voor dit doel de plugin Woody Snippets. Zie aanbevolen Evergreens plugins WordPress of lees nog onderstaande artikelen, verder.
Google advertenties beperken tot 5-6 per webpagina
Hoe meer advertenties van Google op je website of blog, hoe meer laadtijd het kost. Zet niet meer dan 5-6 advertenties op een webpagina. Bekijk ook mijn bericht over hoe Google Adsense / Google Ads op je WordPress website plaatsen in zijn werk gaat.
Informatie voor WordPress developers over .htaccess instellingen.
- Zie deze blog, met hint voor extra plugin: https://kinsta.com/nl/blog/leverage-browser-caching/
- Zie Stackoverflow support over het feit dat Google Ads, Google tagmanager en Google Analytics een vertragend effect hebben op siteperformance
WordPress versnellen links op Webredactie blog
- WordPress PHP 7 overstap maken bij oude PHP versie (zoals PHP 5.6)
- Snelle WordPress hosting kiezen via Neostrada Nederland
- WordPress website testen | Test nu je content, SEO, laadtijd en uptime
- WordPress plugins voor snellere laadtijden vinden
Succes met WordPress,
Gerben G van Dijk
Het creëren en beheren van content kost vaak meer tijd dan je denkt. Daarom heeft Gerben Webredactie blog opgezet. Hier deelt hij niet alleen praktische handleidingen en online tips met jou, maar ook met zichzelf: "Oh ja, zo moet ik dat aanpakken!".
Naast zijn bijdragen aan Webredactie blog, schrijft Gerben voor Frankwatching.nl en heeft hij een boek over communicatiewerk organiseren op Amazon.com. De afgelopen tijd onderzoekt hij hoe ChatGPT SEO kan bijdragen aan contentcreatie.