¿Tendrán los favicons de mi caché del navegador URL de datos

Question

Me gustaría utilizar el siguiente favicon de base64 y quizás algunas imágenes de base64.

<link href="data:image/x-icon;base64,AAABAAEAEBAAAAAAAABoBQAAFgAAACgAAAAQAAAAIAAAAAEACAAAAAAAAAEAAAAAAAAAAAAAAAEAAAAAAA..AMAK3WxwAOWT0AK4RgAKHOvQA4hWUAP4lqAD2MagBQm3kATKSBAECcdP//AAD8/wAA+H8AAPA/AADwPwAA4B8AAMAPAACABwAAAgMAAI8BAADfgAAA/8AAAP/AAAD/4QAA//MAAP//AAA=" rel="icon" type="image/x-icon" /> 

¿Las obtendrá en la caché de mi navegador?

Answer 1

No. Los URI de datos no se almacenan en caché por separado de sus documentos que contienen (por ejemplo, archivos CSS o HTML), por lo que los datos se descargan cada vez que se vuelven a descargar los documentos.

Source

Answer 2

Caching your site's favicon es en realidad recomendada como un rendimiento mejor práctica para acelerar su sitio Web.

Google, por ejemplo, no desperdicia los bytes extra preciosos para incluir un favicon en el código fuente de su página de inicio (ya sea usando un <link /> o un URI de datos).

En cambio, sirven their favicon con un encabezado HTTP establecido en el futuro. Cache-Control: private, max-age=31536000 (31,536,000 segundos = 365 días).

Si está interesado en controlar la "frescura" del favicon de su sitio, puede usar Cache-Control y Encabezados HTTP —, por ejemplo, si planea cambiar el favicon o no quiere que se guarde en caché, puedes ajustarlo en consecuencia.

Un ejemplo utilizando Apache and mod_expires:

<IfModule mod_expires.c> 
    # Add Expires Header 
    # http://www.askapache.com/?p=152 

    ExpiresActive On 
    ExpiresByType image/x-icon "access plus 1 month" 
</IfModule> 

Este módulo controla el ajuste de la cabecera HTTP Expira y la directiva máximo de edad de la cabecera HTTP Cache-Control de las respuestas del servidor. La fecha de caducidad puede establecerse en relación con la hora en que se modificó por última vez el archivo fuente o en el momento del acceso del cliente.