Remove query strings from CSS and Javascript

Remove query strings from CSS and Javascript

Theme and plugin developers often add a version number to the CSS and Javascript files. This way they force the browser to always load the most recent versions. It also causes these files not to be cached, because of the query string added to the file name. So every file must be reloaded every time it is needed. This affects the performance of your website.

You can remove the query strings by using a plugin. A caching plugin will also remove the query strings. If you don’t want to use a plugin, you can use the code below.

Put the code into the functions.php of your theme. Test the effect with a tool like GTmetrix. Run the test before and after you put the code into functions.php and see the difference under “Remove query strings from static resources”.

Always backup the functions.php before you start changing it!

Ronald Heijnes

Since 2008 I have been busy with the functionality, management, maintenance and performance of self hosted WordPress. I like to share this knowledge!

3
Leave a Reply

avatar
2 Comment threads
1 Thread replies
1 Followers
 
Most reacted comment
Hottest comment thread
3 Comment authors
Ronald HeijnesTorinPascal Recent comment authors
  Subscribe  
newest oldest most voted
Notify of
Pascal

Really helpful. Results with GTMetrix or Pingdom tools show a real difference, and I use this snippet for years on each blog I create.

But I rather like to use an extension such as “Code Snippets” for my own snippets rather than putting them in the functions.php file

Torin
Torin

Hmm but why don’t use an easy plugin guys?

https://wordpress.org/plugins/remove-query-strings-littlebizzy/

So if change theme, no problem…

Close Menu