Sei sulla pagina 1di 3

Como hacer que tu página no

se almacene en la caché del


navegador
https://www.codifica.me/como-hacer-que-tu-pagina-no-se-almacene-en-la-cache-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 2017 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.

Potrebbero piacerti anche