¿Qué significa aprovechar el almacenamiento en caché del navegador?

La advertencia de almacenamiento en caché del navegador en PageSpeed ​​Insights significa que debe agregar encabezados de control de caché a esos recursos para que se almacenen en caché correctamente.

Por ejemplo, en Apache puede agregar esto a su archivo .htaccess.

Conjunto de encabezado Cache-Control “max-age = 84600, public”

En Nginx puede agregar esto a su configuración de Nginx.

ubicación ~ * \. (js | css | png | jpg | jpeg | gif | ico) $ {caduca 2d; add_header Cache-Control “public, no-transform”; }

O si usa un CDN como KeyCDN, los encabezados se agregarán automáticamente en sus activos.

El problema surge cuando tienes servicios externos sobre los cuales no tienes control. Aquí hay dos buenos ejemplos de cómo solucionar la advertencia de “aprovechar el almacenamiento en caché del navegador”.

  • Analítica local: se corrigió la advertencia “Aprovechar el almacenamiento en caché del navegador”.
  • Google PageSpeed ​​Insights – Puntuación 100/100 con WordPress

Veo en su captura de pantalla que publicó, aunque algunos de los recursos provienen de gravatar y Twitter. Desafortunadamente, si los está utilizando, no puede controlar sus encabezados HTTP.

En este momento, todos los usuarios que acceden a esa página descargan la imagen, independientemente de que hayan visitado esa página u otra donde hubieran visto las imágenes. Es probable que las imágenes no hayan cambiado, por lo que volver a descargarlas solo desperdicia ancho de banda y hace que la página parezca cargar más lentamente. Debe establecer encabezados de caché en activos estáticos para que el navegador los recuerde por un tiempo y no los solicite nuevamente.