Saltar al contenido
Codifíca.me | Desarrollo web | Programación

Como hacer que tu página no se almacene en la caché del navegador

26 agosto, 2011

Habitualmente, los navegadores almacenan en caché las páginas que has visitado, cuando esto ocurre y visitas la página al día siguiente tu navegador te mostrará la página que tenga en la caché. Esto ocurre si la página no ha cambiado sustancialmente o por ejemplo en el caso de aplicaciones
flash, que los cambios dentro de estos son como cajas cerradas para los navegadores.

Para evitar estos casos tienes varias opciones:
La más sencilla es vaciar la caché del navegador, aunque es un poco pesado vaciar la caché siempre que quieras ver el contenido actualizado.

Otra opción sería incluir a la url de tu navegador algún parámetro para lograr así que el navegador te devuelva “otra” página.

por ejemplo:

https://www.codifica.me sería diferente de la página http://codigojavaoracle/?1

El parámetro no se interpretará pero eso es indiferente para el navegador.

Si la página es tuya y quieres que no ocurra esto, puedes utilizar las meta-etiquetas* para forzar al navegador a leer de nuevo la página:

por ejemplo:

<meta http-equiv =”Cache-Control” content =”no-cache”/>

Con esto logramos que la página no se almacene en la caché del navegador.
Algunos navegadores no hacen todo el caso que deben a las meta etiquetas y es posible que necesites poner una combinación de meta tags

por ejemplo:

 
<meta http-equiv="expires" content="0">
 
<meta http-equiv="Cache-Control" content="no-cache">
 
<meta http-equiv="Pragma" CONTENT="no-cache">

Nota * Las etiquetas meta van entre <head> y </head>

Despues 6 años de este post, en febrero de 2019 os pongo como recomienda Google en su web de optimización y test de paginas web, si quieres hacer pruebas es la siguiente ->
Page insight

Actualmente las recomendaciones van encaminadas a utilizar el fichero .htaccess para determinar la caché del navegador, quedaría así:

## Fecha de expiracion de cache ##
<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image/png "access 1 month"
ExpiresByType text/css "access 1 month"
ExpiresByType text/html "access 1 month"
ExpiresByType image/jpg "access 1 month"
ExpiresByType image/jpeg "access 1 month"
ExpiresByType image/gif "access 1 month"
ExpiresByType application/pdf "access 1 month"
ExpiresByType text/x-javascript "access 1 month"
ExpiresByType application/x-shockwave-flash "access 1 month"
ExpiresByType image/x-icon "access 1 year"
ExpiresDefault "access plus 1 month"
</IfModule>
## fin cache ##

Y listo, espero que te sirva, como ya sabes también puedes determinar que navegadores trabajan con estos parámetros y cuales con otros parámetros.

También es cierto que depende de la configuración de tu navegador podrás tener mejores o peores resultados.

5/5 - (1 voto)

Entradas relacionadas

Deja una respuesta

Tu dirección de correo electrónico no será publicada.

Comentarios (9)

hola, disculpen, yo hago pruebas con internet explorer 10, y no veo que se cachee imagenes ni nada, en que versiones de navegadores se cachean las paginas? o bajo que circunstancias, gracias y saludos

Responder

Las páginas te permiten poner cada cuanto tiempo expira la cache, para que el navegador sepa que tiene que volver a descargar esa página. Pero esto depende de cada administrador de su web. Puedes probar en tu página a cambiar una imagen y darle al f5 si cambia tu imagen no está utilizando la que tiene en cache, y sino cambia tu imagen pues estará utilizando la que tiene en la cache.

Responder

Tienes un error en la primera linea de las 3 frases, al copiar y pegar directamente da un error, dreamweaver no deja guardar.
Lo pegue en block de notas y descubrí el error:

Incorrecto:
correcto:

Fíjate en las comillas del 0

saludos

Responder

Gracias Carlos, ya está corregido
Un saludo,

Responder

no funciona ninguna de esta etiquetas, los navegadores siguen utilizando la cache sobre todo crome
te equivocas con esto

Responder

Ops, te actualizo el artículo con cómo te sugiere google que lo hagas a traves de su página de optimización de páginas webs.

Lo de los navegadores es ciertamente complicado, depende de tu configuración que tomo unas directrices u otras, si quieres borrar la cache de la página que ves desde Chrome solo tienes que darle a F5+Ctrl.

Saludos.

Responder

Buen articulo

Responder

hola todos
excelente aporte
me gustaria probar a ver

Responder

No puedo hacer que mi pgina web no se guarde en cache ni de PC ni en dispositivos moviles. Necesito una solucion ya que otras pagiinas del mismo estilo han logrado que no se guarden en cache. Es un problema ya que se hacen cambios a menudo y la gente no sabe borrar temporales. Si me pueden facilitar una manera de hacerlo con un codigo en mi web les estaria muy agradecido.

Responder