Solucionar problemas de caché cuando actualizamos una versión de Web a otra tecnología u otra versión

Tiempo de lectura: < 1 minuto

Hace unas semanas actualicé un website de PHP a Next.js con React y a mi sorpresa cuando cargué la página mostraba la versión PHP sin cargar correctamente los recursos anteriores ya que no existían.

Para solucionar este problema, podemos intentar cargar un archivo que estuviese incluido en la web anterior y forzar dentro de ese archivo a realizar una carga de la web con un parametro que obligue a cargar la versión sin usar cache.

Por ejemplo:

window.location.href = 'https://www.website.com/?a=1';

De esta forma cargará la versión de inicio con un parámetro que obligará a obtener la web de nuevo.

Otra opción interesante, es añadir los archivos de recursos CSS y JS antiguos en las mismas carpetas que cargaría la versión anterior, para que a los usuarios no se les rompa de golpe. De esta forma les aparecería la web anterior, pero cuando se invalide la vista cargará los nuevos recursos.

Deja un comentario