Solucionar remove query strings from static resources en WordPress

Hola amigos, ¿Cómo lleváis la semana? En el artículo de hoy vamos a solucionar el error remove query strings from static resources en WordPress.

Al parecer es el error más mostrado y más difícil de solucionar en un SpeedTest para páginas web como por ejemplo, Google PageSpeed Insights.

¿Qué es remove query strings from static resources?

Como he dicho al principio, es el error más común y mostrado al realizar un análisis de una página web.

remove query strings from static resources

Cómo ves, el primer error y el más grave a corregir, quitar las query strings from static resources (cadenas de búsqueda de recursos estáticos).

¿Por qué aparece este error? Los culpables son los scripts y hojas de estilo que añaden a las URL de tu página web cadenas de búsqueda colocando caracteres especiales, como “&”, “?” y otros más.

Ejemplo de una query string:

/wp-includes/css/dashicons.min.css?ver=4.4.2

Al aparecer una URL como la del ejemplo, es posible que provoque problemas en la caché, por eso es mostrado como un error grave.

Además si nuestras URL aparecen así, muchos servicios CDN no podrán realizar la caché de nuestra web y no podremos mejorar la velocidad.

Remove query strings from static resources

Para solucionar el error remove query strings from static resources en WordPress, podemos hacerlo de varias formas.

  • Mediante el archivo de WordPress, functions.php
  • Configurando el plugin W3 Total Cache
  • Utilizando plugin Remove Query Strings From Static Resources
  • Editando archivo wp-config.php

¿Empezamos?  :-D

Quitar query strings mediante functions.php

Una forma muy sencilla y sin necesidad de utilizar plugins externos (lo que hace que se añadan más recursos que cargar en tu web), es editando el archivo functions.php de tu tema activo.

Para ello, bastará con hacer clic en “Apariencia>Editor” del menú izquierdo de nuestra página WordPress.

Una vez allí, localizamos en la lista de la derecha, el archivo functions.php y haremos clic en él para editarlo.

Copia y pega el siguiente código y guarda los cambios.

//Remove query strings from statics resources
function _remove_script_version( $src ){
$parts = explode( '?ver', $src );
return $parts[0];
}
add_filter( 'script_loader_src', '_remove_script_version', 15, 1 );
add_filter( 'style_loader_src', '_remove_script_version', 15, 1 );

Listo, ya no aparecerá más el error en los próximos SpeedTest en tu página web.

Quitar las query strings con el plugin W3 Total Cache

Bueno, esta solución solo sirve si estás utilizando el plugin W3 Total Cache.

Para corregir el error, dirígete a la sección “Browser Cache” del plugin W3 Total Cache y desactiva la opción “Prevent caching of objects after settings change” tal como muestro en la siguiente imagen:

remove query strings from static resources

Cuando instalas el plugin W3 Total Cache, normalmente esta por defecto desactivado, pero si aparece activo, tan solo desmarca la opción y guarda los cambios para evitar las query strings.

Utilizar plugin Remove Query Strings From Static Resources

Si por un casual, no estás utilizando el plugin W3 Total Cache en tu WordPress, puedes descargarte el plugin Remove Query Strings From Static Resources directamente del repositorio de plugins de WordPress.

Realmente es un plugin muy ligero y a su vez sencillo de utilizar. Tan solo tienes que descargarlo y activarlo, al ser activado el solo quitara las query strings.

Editar archivo wp-config.php

Otra forma de evitar que aparezcan las query strings, es editar el archivo wp-config.php de nuestro WordPress.

Para ello, deberemos primero analizar todas las query strings que nuestro WordPress genera.

Una vez encontradas, añadiremos la siguiente línea en el archivo wp-config.php:

define('REMOVE_QUERY_STRING_ARGS', 'cadena1,cadena2,cadena3');

Deberemos cambiar cadena1,cadena2,cadena3 por las query strings que genera nuestro WordPress, por ejemplo: version,ver,other

De está forma eliminaremos de nuestras URL todas las cadenas que tengas “version”, “ver”, other”.