Saltar al contenido

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

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:

http://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.