CSS queda en cache

[Jamati]

He leído en varios post y demás páginas de internet, donde al modificar solo una línea o muy poco del archivo de CSS de toda nuestra web, el explorador no lo detecta y sigue usando el CSS que tenía en cache hasta apretar varias veces "Actualizar" la pantalla.

Recién ahí cargó el CSS modificado.

Esto a veces me trae muchos problemas, ya que la gente no sabe que debe apretar varias veces F5 para refrescar la pantalla, ya que no tiene ni idea que el webmaster ha modificado el archivo CSS.

Entonces, buscando en internet encontré algunas declaraciones para solucionar este problema, y que el archivo CSS se cargue de cada vez qeu se entra a la página.

<link rel="stylesheet" href="archivo.css?update=5050"> --> por ejemplo

¿Mi pregunta es que hace esa variable?
Porque por mas que le pase una variable, el archivo por más que le haga una o mil modificaciones, siempre se llamará igual, y si lo he modificado, me seguirá cargando el que tenía en caché... que papel juega la variable acá ??

Bueno, perdón por lo extenso pero tengo esta gran duda.

Saludos y desde ya muchas gracias por las respuestas que puedan darme.

[ostrasjo]

Ese número habrá sido generado con php por lo que cada vez aparece un número aleatorio.

Así con el 5050 no debe de funcionar. Hay que cambiar el número cada vez.

Para que vuelva a cargar la hoja de estilo se aprietan las teclas Ctrol+F5

Saludos

[Jamati]

Pues por lo que tengo entendido, esto se puede evitar:
mira los siguientes links:

http://www.cristalab.com/tips/29461/...navegador.html

http://www.pixelovers.com/evitar-pro...avegador-10139

http://snippets.webeame.net/snippets...-cache-los-css

yo uso páginas ASP, como se podría realizar ?

[ostrasjo]

Iniciado por Jamati

Pues por lo que tengo entendido, esto se puede evitar:
mira los siguientes links:

http://www.cristalab.com/tips/29461/...navegador.html

http://www.pixelovers.com/evitar-pro...avegador-10139

http://snippets.webeame.net/snippets...-cache-los-css

yo uso páginas ASP, como se podría realizar ?

En asp ni idea, en php
<link rel="stylesheet" href="archivo.css?update=<?= time() ?>">

mejor time() en vez de random así seguro que no se repite

[Jamati]

Quizás el el moderador considera oportuno mover este tema a ASP.

Sino, ¿alguien puede decirme como se hace?

Muchas gracias ostrasjo por la respuesta.

[Triby]

Creo que la cosa es más fácil, no dependes de PHP ni de ASP, sólo asigna a la variable update la fecha en que realizaste el último cambio a tu hoja de estilos, ejemplo: update=20080917

El beneficio de esto es que el navegador no estará descargando siempre la hoja de estilos, sólo cuando la variable se modifique, con lo que aprovechas una de las principales ventajas de CSS que es el ahorro de ancho de banda.

[Jamati]

Gracias Triby,

pero si yo en mi website tengo 100 páginas que están llamando al archivo prueba.css , entonces cuando lo modifique tengo que entrar a página por página para cambiarle el número de la fecha ??

me vuelvo loco

[Triby]

Así es... pero trabajando una web con más de 10 páginas para mi ya merece la pena el esfuerzo de utilizar algún tipo de plantilla de manera que puedas modificar "detalles" y se actualicen automáticamente en todas las páginas.

[Jamati]

Quizás es eso lo que ando buscando...
como hacés para armar una especie de plantilla ?

porque yo en todas las páginas que poseo en mi website, hago el llamado al archivo css, pero a veces queda en caché y no se actualiza, yo me doy cuenta de apretar F5, pero los usuarios no... y esto me ocasiona problemas.

Muchas gracias por los aportes.

[Jamati]

Triby sabrías contestarme ?

[JavierB]

A petición de Jamati, Mensaje movido al foro de ASP desde CSS.

Saludos,

[Julcar]

Es muy facil, haz un include para el css, con el mismo link tag

cosa que al modificar una linea la moificas todas las paginas que tienen el include.

<--! #include file="inc_style.inc"-->

y en ese archivo:

Código asp:

<link rel="stylesheet" type="text/css" href="archivo.css">
 

[Jamati]

Así parece facil, pero se puede agregar un include dentro de las etiquetas <head></head> ??

Yo uso muchísimos includes, pero siempre dentro del body, si se puede hacer esto que me comenta Julcar sería buenísimo porque es muy facil y de esa forma si modifico el CSS lo cambio en el include, le pongo otro nombre y automáticamente el usuario que visita mi página lo volverá a cargar... es así ??

Bueno, muchísimas gracias y espero comentarios.

PD: y me queda la duda de porque a veces algunas páginas hacen lo que dicen estos links:

http://www.cristalab.com/tips/29461/...navegador.html
http://www.pixelovers.com/evitar-pro...avegador-10139
http://snippets.webeame.net/snippets...-cache-los-css

[Jamati]

Julcar justo ahora desapareciste ?

jaja justo que quería que me contestes porque había otras soluciones que están en el link que te envié y no las entiendo......

[Jamati]

Nadie sabe porque de los links que postee, lo resuelven de esa forma ?

[Julcar]

Haz un include de toda la cabecera, por ejemplo:

<html>
<head>
<titulo></titulo>
<link rel="stylesheet" type="text/css" href="archivo.css">
</head>
<body>

Y ese archivo lo incluyes en todas las paginas asp.

Te ahorras de escribir cada cabecera y comienzas directamente en el body.

[Jamati]

Muchas gracias.
No sabía que se podía poner includes fuera del body, lo probé y funciona perfecto.

Saludos y espero que a alguien le sirva todo este post.