Een veelvoorkomende vraag als het om WordPress-prestaties is hoe je queryreeksen uit statische bronnen kan verwijderen. Vaak hebben je CSS- and JavaScript-bestanden een versienummer aan het einde van de URL, zoals domein.nl/style.css?ver=4.6 Sommige servers en proxyservers zijn niet in staat deze queryreeksen te cachen, ook al is er een cache-control:public header aanwezig.

Door ze te verwijderen, kan je in sommige gevallen je caching verbeteren. Hiermee los je ook de waarschuwing op in GTMetrix en Pingdom genaamd “Remove query strings from static resources.”

Queryreeksen uit statische bronnen verwijderen

Queryreeksen uit statische bronnen verwijderen

Houd er wel rekening mee dat queryreeksen er vaak niet voor niets zitten. Het toevoegen van versienummers aan bestanden wordt door WordPress-ontwikkelaars vaak gedaan om problemen met cache te voorkomen. Als een ontwikkelaar bijvoorbeeld een update uitbrengt en style.css wijzigt van ?ver=4.6 naar ?ver=4.7 dan wordt dit gezien als een compleet nieuwe URL en wordt deze dus niet gecachet. Als je de queryreeks verwijdert en een plug-in bijwerkt, dan kan dit ertoe leiden dat de gecachete versie opgevraagd blijft worden. In sommige gevallen kan dit het uiterlijk van je website beïnvloeden, totdat het gecachete item verloopt of de cache is leeggemaakt.

Ook worden deze queryreeksen door organisaties gebruikt tijdens het ontwikkelen van producten.

Remove Query Strings from Static Resources

Er zijn een aantal manieren waarmee je de query strings kan verwijderen. Een optie is om een WordPress plug-in te gebruiken, een andere is door middel van code. Als je gebruikt maakt van een CDN om bestanden te leveren, dan is dit misschien niet nodig, omdat sommige CDN providers de mogelijkheid bieden om query strings te cachen. Informeer bij je webhosting en CDN-provider of ze de mogelijkheid bieden om query strings te cachen voordat je verder leest. Mocht je je het afvragen, de CDN van Kinsta ondersteunt het cachen van queryreeksen.

  1. Remove Query String from Static Resources met een plug-in
  2. Remove Query String from Static Resources door middel van code

1. Door middel van code queryreeksen uit statische bronnen verwijderen

Het is niet heel moeilijk om met code queryreeksen te verwijderen uit jouw items. Voeg simpelweg deze code toe aan het functions.php-bestand van je WordPress-thema.

function remove_query_strings() {
 if(!is_admin()) {
 add_filter('script_loader_src', 'remove_query_strings_split', 15);
 add_filter('style_loader_src', 'remove_query_strings_split', 15);
 }
}
function remove_query_strings_split($src){
 $output = preg_split("/(&ver|\?ver)/", $src);
 return $output[0];
}
add_action('init', 'remove_query_strings');

Belangrijk: Het aanpassen van broncode van je WordPress thema kan je website ontregelen als je dit niet goed doet. Als je niet zeker van je zaak bent, vraag dan een ontwikkelaar om hulp. Je kan natuurlijk ook gebruik maken van de gratis plug-in Code Snippets. Deze plug-in stelt je in staat om bovenstaande code toe te voegen zonder dat je je zorgen hoeft te maken wat dit doet met je website.

Maak een nieuw fragment aan en voeg bovenstaande code toe. Selecteer “Only run on site front-end” en sla de snippet vervolgens op. Queryreeksen zijn vanaf nu verleden tijd! Mogelijk moet je wel je cache legen, zodat je ook op de front-end de wijzigingen kan zien.

Queryreeksen verwijderen met een codefragment

Queryreeksen verwijderen met een codefragment

Met queryreeksen (vóór de toevoeging van code)

Dit is een voorbeeld van scripts die geladen worden met queryreeksen.

Verzoeken met queryreeksen

Verzoeken met queryreeksen

Zonder queryreeksen (met code)

Dit is een voorbeeld van scripts waarvan de queryreeksen zijn verwijderd.

Verzoeken zonder queryreeksen

Verzoeken zonder queryreeksen

2. Remove Query Strings from Static Resources met een plug-in

Een alternatief voor het gebruik van code is om een plug-in in te zetten. In dit geval kan je gebruik maken van een WordPress-plug-in die prestaties verbetert en waar deze functie al bij in zit. Deze premium plug-in heet Perfmatters en is ontwikkeld door een werknemer van Kinsta. Je kan hiermee met een enkele muisklik alle queryreeksen verwijderen. Deze plug-in stelt je in staat om andere optimale oplossingen voor je WordPress-website te doen en werkt naast je huidige caching-plug-in.

Verwijder query strings met perfmatters plug-in

Verwijder query strings met perfmatters plug-in

Geen queryreeksen meer

Wanneer je een van bovenstaande opties hebt opgevolgd, zou je geen waarschuwing meer moeten zien over queryreeksen binnen GTMetrix, Pingdom of andere tools die websitesnelheid meten.

De waarschuwing voor het verwijderen van queryreeksen uit statische bronnen opgelost

De waarschuwing voor het verwijderen van queryreeksen uit statische bronnen opgelost

5
keer gedeeld