Cómo aprovechar el almacenamiento en caché del navegador para archivos externos

Usted no

Por definición, estos son recursos externos. Externo, ya que no tiene control sobre los archivos de origen, ni los encabezados de respuesta HTTP. Los encabezados son donde configuraría el comportamiento de la memoria caché para optimizar esta métrica.

Dicho esto, solo porque un recurso se pueda almacenar en caché no significa que deba serlo. Hay razones válidas para establecer recursos estáticos en sin caché, que en este caso probablemente comparten Pinterest, Facebook, Google y Twitter. Por ejemplo, si hay una falla de seguridad en una de estas API, a las compañías les gustaría controlar las versiones en la naturaleza para asegurarse de que solo se usen las más nuevas y seguras. Por lo tanto, un recurso se actualizará en el origen y todos los clientes (navegadores de los usuarios) solicitarán el recurso más nuevo de inmediato. Para recursos de terceros tan utilizados de manera tan amplia y crítica como estos, el control granular es especialmente importante.

Finalmente, su puntaje de PageSpeed ​​no es la métrica más importante para los usuarios. Los usuarios se preocupan por cuánto tiempo tarda la página en cargarse. No pierda de vista el panorama general si se detiene en métricas de análisis estático como esta. Si le preocupa el rendimiento de la página, busque herramientas RUM como Google Analytics. Ejecute pruebas sintéticas utilizando herramientas como WebPageTest para descubrir cómo hacer que la página sea más rápida.

Respuesta corta: no puedes. Los encabezados de esos archivos externos no están bajo su control.

Respuesta larga: lo que puede hacer es representar esos recursos a través de su servidor web, vincular los recursos proxy en su sitio web y ajustar sus encabezados en consecuencia.

Y aunque la solución que propongo funcionará y su sitio web volverá al 100% de la velocidad de la página, la pregunta sigue siendo si esto es realmente necesario y cuáles son sus beneficios.

Yo diría que está bien con un 90% y esos 10% adicionales no son algo que haga una diferencia significativa para los visitantes de su sitio web.

Proxy ellos.

Lo que significa servir copias locales en su lugar. En WordPress puede hacerlo con el complemento “Optimización de la mitad superior de la página”.

Sin embargo, la mayoría de las veces hay buenas razones detrás de los vencimientos cortos de la memoria caché para estos archivos y simplemente no molesta la molestia de ganar algunos puntos de velocidad de página.

¿Quieres un consejo de velocidad más significativo?

Asegúrese de que esos scripts de redes sociales se carguen después de que la página y TODOS sus activos (CSS, JS, imágenes) estén completamente cargados. No desea que ralenticen la carga de otros elementos más importantes. Y adivina qué, casi todo lo demás es más importante.

lea esta maravillosa documentación Tutorial de almacenamiento en caché

y si está interesado en más detalles, aquí está el RFC del almacenamiento en caché http

https://www.rfc-editor.org/rfc/p

Vea la oración en su captura de pantalla que dice “Establecer una fecha de caducidad o una edad máxima …”. Esa es la solución. Búscalo en Google y encontrarás lo que estás buscando.