Blog sobre Accesibilidad Web, diseño Web, SEO y recursos gratis en la Web

domingo, 27 de abril de 2008

Como evitar el cache de un archivo CSS

Mientras se desarrolla un sitio y se suceden los cambios, especialmente cuando ya estamos de cara a realizar trabajos sobre el servidor; es común establecer cambios sobre archivos CSS.
Pero luego de subir las modificaciones notamos que el browser toma el archivo en la caché local o, peor aún, el servidor nos sigue enviando la data de su propia caché.
La técnica de refrescar el contenido, F5, o de forzar al servidor para que nos entregue la copia correspondiente con ALT+F5 puede irritarnos.
Más aún cuando todo esto tenemos que hacerlo extensivo a nuestro propio cliente.
De mano de algunos programadores en JavaScript, Chris Coyoier explica una técnica que consiste en incluir lo siguiente al enlace de la hoja de estilos:

<link rel="stylesheet" type="text/css"
href="style.css?<?php echo<
date('l jS \of F Y h:i:s A'); ?>" />


Lo cual se traduce, para el browser en lo siguiente:

<link rel="stylesheet" type="text/css"

href="style.css?Thursday 24th of&
April 2008 04:45:21 PM" />

La teoría aquí es que el enlace podrá cambiar en cualquier momento y el browser tendrá "que pensar" que es una nueva hoja de estilos que deberá leerse; así, solicitará al server la última versión disponible.

Vía: CSS-Tricks
Share:

Publicidad

Estadísticas

A cotidiano, me siguen