Cómo decirle al navegador que no use la caché

Como programadores y desarrolladores web a veces los navegadores se nos ponen fastidiosos al mostramos la misma imagen, u otro elemento,  cuando en realidad hemos hecho cambios en ella. Veamos como solucionarlo fácil y rápido.

Para nosotros como desarrolladores web el tema de caché es a veces molesto. Es un problema clásico realizar cualquier tipo de modificación en una de nuestras webs y seguir viendo la versión antigua cuando subimos las actualizaciones al servidor. Y ni se diga de nuestros clientes o usuarios cuando están esperando las actualizaciones en sus páginas.

 

Veamos algunos de los elementos involucrados en este asunto y el método que lo corrige:

Actualizar imágenes cuyo nombre de archivo es el mismo

Este es el más clásico cuando programamos en html, subimos la nueva imagen, pero el navegador insiste en mostrarnos la vieja. Ello se corrige agregando ?ver=1.0 al final del nombre del archivo de imagen en el código así:

<img src="/imgs/nombredeimagen.jpg?ver=1.0" />

 

Igualmente se aplica con resultados exitosos en los siguientes casos:

Actualizar hojas de css

<link rel="stylesheet" type="text/css" href="estilo.css?ver=1.0" />

Actualizar javascripts

<script type="text/javascript" src="/js.js?ver=1.0" />

 

¿Te gustó este artículo? Comparte tu comentario abajo y sígueme en Facebook
Facebook: @teraweb.net

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *