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.