He desarrollado una página web y la he probado en diferentes herramientas para comprobar su rendimiento y velocidad. En general, los resultados son buenos, pero hay una sección en la que todos me dan una nota más baja: "leverage browser caching" (o el aprovechamiento de la caché del navegador).
Mirando en Internet, encontré que puedo indicar el tiempo que quiero que se almacenen algunos elementos en la caché modificando el fichero .htaccess
, al que añadí lo siguiente:
<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image/jpg "access plus 1 year"
ExpiresByType image/jpeg "access plus 1 year"
ExpiresByType image/gif "access plus 1 year"
ExpiresByType image/png "access plus 1 year"
ExpiresByType image/svg "access plus 1 year"
ExpiresByType image/svg+xml "access plus 1 year"
ExpiresByType image/x-icon "access plus 1 year"
ExpiresDefault "access plus 2 days"
</IfModule>
Con ello intento que la caché dure un año para imágenes e iconos, y 2 días por defecto para el resto de contenido. Vuelvo a realizar las pruebas y me vuelve a dar una mala nota para la sección de "leverage browser caching".
¿Qué es lo que estoy haciendo mal? ¿Cómo puedo aprovechar mejor la caché del navegador?
Last-Modified
/ETag
s, comparando con la fecha real de modificación en el server, y devolviendo elHTTP/1.1 304 Not Modified
como corresponde.Expires
, aún así solicitan el recurso al servidor. Es decir que hay muchos casos en los que no deberían consultar por el recurso, pero lo hacen... Y es ahí donde todo se desmadra... Te recomendaría ver la pestaña Network de Chrome para probar de dónde se están obteniendo.304
dependiendo de la fecha (también debería repasar este tema), pero las veces que lo intenté hacer, opté por olvidarme del .htaccess y hacerlo directamente en el lenguaje.