Evita la caché mientras desarrollas

Resulta bastante incómodo en entornos de desarrollo que tanto los ficheros Javascript como los de estilos se queden cacheados ya que la URL no cambia, sobre todo si estamos trabajando sobre temas hijo que sobreescriben estilos o funciones.

Como bien sabemos, desde hace unas cuantas versiones, WordPress incorpora a la URL de nuestros scripts un parámetro ver que indica la versión de WP que estamos utilizando.

La solución es bastante sencilla y pasa por modificar las URL que ha generado WordPress en las llamadas que utilizamos métodos wp_enqueue_style y wp_enqueue_script, consiguiendo que el navegador crea que es un nuevo archivo a descargar.

Para realizar esta modificación sólo tenemos que añadir las siguientes líneas a nuestro fichero functions.

Básicamente lo que hacemos es añadir dos Hooks para modificar todas las cargas de scripts y styles que realice WordPress y modificar el parámetro URL en dos pasos: quitamos el parámetro ver y añadimos un parámetro dinámico a la misma.

Y recordar, una vez finalizado el desarrollo, eliminar estos filtros de vuestro functions.php del tema activo.

Nota: a veces no solo el navegador está cacheando los archivos, es posible que exista una CDN intermedia o alguna cabecera a nivel de servidor que también fuerce el cacheo de dichos archivos.

Valora este artículo para mejorar la calidad del blog ...

PobreRegularEstá bienMuy buenoExcelente (9 votos, promedio: 4,89 de 5)
Loading...

Autor: fpuente

Informático de profesión / Formador frustrado / Beginner de comer y beber. Apasionado de la tecnología, llevo casi 20 años desarrollando proyectos en Internet en casi todos los sectores, desde hace 8 en medios de comunicación deportiva, y de todos he sacado algo bueno. Puedes seguirme en @fpuenteonline

Comparte esta entrada en
468 ad
  • Dario Ferrer

    Muy bien. Como complemento a lo mencionado, también resulta importante desactivar la concatenación de scripts a fin de que tanto archivos JS como CSS se carguen separadamente. Sólo es necesario agregar en wp-config.php lo siguiente:

    define( 'CONCATENATE_SCRIPTS' , false );

    Recordar eliminar esa línea cuando se finalice el desarrollo.

    • Fernando Puente

      Gracias Dario.
      CONCATENATE_SCRIPTS está relacionado con el backend de administración de WordPress.
      Muy útil para resolver problemas con algunos maquetadores visuales y llamadas a jQuery de plugins antiguos desde la versión 4.0 de WordPress.
      Saludos

      • Dario Ferrer

        Jajajaja ya veo… totalmente fuera de tópico mi comentario. De hecho lo podemos calificar como un genuino “lapsus brutis mañanero” y una lección en vivo sobre las consecuencias de levantarse de la cama y salir directo a opinar sin leer bien. 😛

        • Fernando Puente

          Jajaja. 🙂

Pin It on Pinterest