Cómo los navegadores almacenan los favicons en caché
Los navegadores almacenan los favicons en caché de forma agresiva y los guardan por separado de la propia caché de la página, a menudo conservando un icono durante días independientemente de una recarga normal. Por eso un favicon cambiado sigue mostrando tan a menudo la imagen antigua. La forma fiable de forzar un refresco es cambiar la URL del icono (normalmente una cadena de consulta de versión como /favicon.ico?v=2) y recargar con la caché ignorada.
Por qué los favicons son tan persistentes
Los favicons reciben un trato especial. Los navegadores los guardan en un almacén separado de la caché HTTP normal, los conservan con una vida útil larga y no necesariamente los descartan en una recarga corriente. Algunos mantienen una base de datos de favicons a nivel de perfil que sobrevive entre sesiones. Una CDN por delante de tu sitio añade una segunda caché encima.
El resultado es que editar el archivo del icono in situ suele ser invisible: el navegador ya tiene un icono para esa URL y no ve razón para volver a pedirlo. Se indexa por la URL, así que la solución es cambiar la URL, no solo los bytes que hay detrás.
Fuerza un favicon nuevo
- 1
Cambia la URL
Añade una cadena de consulta de versión (/favicon.ico?v=2) para que el navegador lo trate como un recurso nuevo y lo descargue. Sube el número en cada cambio.
- 2
Recarga con la caché ignorada o usa una ventana privada
Cmd+Mayús+R / Ctrl+F5, o una ventana privada nueva, omite la copia almacenada del navegador.
- 3
Purga cualquier CDN
Si una CDN está delante del sitio, invalida la ruta del favicon para que los nodos de borde dejen de servir el archivo antiguo antes de que el navegador lo vea siquiera.
Preguntas frecuentes sobre el almacenamiento en caché de favicons
¿Por qué no se actualiza mi favicon?
El navegador está sirviendo una copia en caché de su almacén de favicons separado, o una CDN está entregando el archivo antiguo. Cambia la URL del icono con una cadena de consulta de versión y recarga con la caché ignorada en una ventana privada.
¿Cómo borro la caché de favicons?
No hay un botón fiable para borrar por icono, así que cambia la URL en su lugar (/favicon.ico?v=2), lo que esquiva la caché por completo. En su defecto, una ventana privada o un perfil de navegador distinto no tiene ningún icono almacenado.
¿El almacenamiento en caché de favicons difiere entre navegadores?
Sí. Cada navegador, y a menudo cada perfil, mantiene su propio almacén de favicons con su propia vida útil, por lo que un icono puede verse actualizado en un navegador y desactualizado en otro al mismo tiempo.