Limpiar caché JavaScript

Cuando visita un sitio web, su navegador toma partes de la página y las almacena en el disco duro de su computadora. Los navegadores a menudo almacenan los llamados “activos estáticos” de partes de un sitio web que no cambian de una visita.

En la publicación de hoy, aprenderemos a borrar el caché en JavaScript.

Borrar caché en JavaScript

Un navegador está diseñado para guardar todos los cachés breves. Esto se debe a que la memoria caché es la razón principal por la que el sitio web se carga más rápido.

Por lo tanto, no hay una forma directa de borrar permanentemente su caché a menos que se cambien ciertas codificaciones en su HTML. Puede haber algunas otras formas de lograr esto, pero estas dos son las más simples y efectivas.

Un navegador web no le permite borrar su caché como las aplicaciones móviles. Si bien no podemos borrar todo el caché del navegador del cliente, aún es posible cargar la página web sin almacenar en caché utilizando etiquetas meta dentro del código HTML.

La única forma de hacer esto es cambiar el código que dice que el navegador no recuerda la memoria cargada recientemente, que no es más que memoria caché.

Los siguientes dos ejemplos explican cómo borrar el caché. Los siguientes códigos no se pueden ejecutar tal cual y no tienen salida.

Debe agregarse al código existente para ver los resultados.

Enfoque 1

<meta http-equiv='cache-control' content='no-cache'>
<meta http-equiv='expires' content='0'>
<meta http-equiv='pragma' content='no-cache'>

Agregue esta parte del código HTML, haciendo que el navegador no registre la memoria caché.

Enfoque 2

Cargue un parámetro al nombre de archivo dentro de la etiqueta script. Intercámbialo cuando intercambies el registro.

Permita que este sea el nombre del documento. Cada vez que carga esta página, alterna la versión del script.

<script src = "oldFile.js?version = 0.1"></script>

La próxima vez que cargue esta página, debería verse así.

<script src = "newfile.js?version = 0.2"></script>