Blog / Voorkom browser caching van stylesheets in WordPress

17

oktober

2013

17 oktober 2013

Om redenen van snelheid en bandbreedte worden afbeeldingen, javascript files, maar ook externe stylesheets gecached in een browser. Browser caching heet dit.

Tijdens de ontwikkelfase van een website is dit erg onhandig. Ik denk dat ik niet de enige ben die uren tijd heeft verspild om er achter te komen waarom een zonet geupdate stylesheet geen zichtbare resultaten gaf op de website.

Er bestaat een simpele oplossing om browser caching van stylesheets te voorkomen. De truc is om bij iedere update een uniek versie nummer aan je stylesheet mee te geven. Vervang daarvoor in WordPress in header.php de link naar je style.css door onderstaande code.

<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); echo '?'.filemtime( get_stylesheet_directory().'/style.css'); ?>" type="text/css" media="screen" />

Geef een reactie

Het e-mailadres wordt niet gepubliceerd. Vereiste velden zijn gemarkeerd met *