Maquetación

Refrescar bien caché navegador ante cambios en CSS

En nuestro trabajo diario hacemos modificaciones de maquetación de páginas web, esto se hace con las llamadas «hojas de estilo en cascada» o CSS, que contienen la información más visual, junto con el HTML que es el contenido y la estructura de los bloques que componen una página web.

En muchos casos estos ajustes los hacemos con la web ya publicada, o a punto de hacerlo, junto al cliente… o también ante alguna petición de visibilidad nueva, o ¿por qué no? porque algo no se ve como estaba previsto.

En esos casos, a veces nos pasa que el cliente nos dice que no hemos acometido los cambios, cuando ¡sí lo hemos hecho!. Son gajes del oficio, ¿qué está ocurriendo? pues que nuestro querido navegador de Internet (Chrome, Firefox, Internet Explorer…) tiene la versión antigua de las hojas de estilos cacheada y aunque se accede a la web, no la actualiza para ahorrar tiempo y datos en descarga.

La solución para que el cliente vea es hacer un refresco completo que haga que el navegador vuelva a solicitar a la página web la hoja de estilos y entonces sí actualice su caché de CSS.

Aquí ponemos cómo realizar un refresco completo en entornos Windows, Linux y Mac OS, con pulsaciones de teclado:

 

Si falla, se hace de nuevo o bien si la caché es persistente por alguan razón, se podrán comprobar los cambios de maquetación en el «modo incógnito» u otro navegador.

Y si lo anterior también falla, puede haber algún problema superior, como que el proveedor de acceso a Internet esté cacheando contenidos, lo cual no debería. Serían ya sí casos concretos, en los cuales mejor consultar a vuestro maquetador.