Google PageSpeed Insights es una herramienta útil para medir la velocidad de un sitio web. En este caso se brindan muchas sugerencias; Sin embargo, algunos propietarios de sitios encuentran confuso “Aprovechar el almacenamiento en caché del navegador”.
Esto no debería ser un problema si intentas dividir los pasos en varias partes. Por lo tanto, el almacenamiento en caché sería mucho más fácil. Esto también mejorará los tiempos de carga de su sitio y aumentará su puntuación de PageSpeed.
Formas de corregir la advertencia de uso de la caché del navegador
Agregue los encabezados Cache-Control y Expires
Hay dos encabezados de almacenamiento en caché del navegador, como Cache-Control y Expires. Al menos uno debe estar presente para permitir el almacenamiento en caché del navegador para su web, ya que así es como los navegadores deciden cuánto tiempo conservarán los recursos antes de actualizarlos.
Para determinar si esto está provocando la advertencia de uso de caché del navegador, revise los detalles proporcionados para cada recurso. Mientras que las versiones anteriores de Google PageSpeed Insights mostraban un mensaje de “fecha límite no especificada” cuando faltaban encabezados. En Google PageSpeed Insights versión 5, verá Ninguno en la lista Caché TTL.
Mientras que el encabezado Cache-Control activa el almacenamiento en caché del lado del cliente y establece la antigüedad máxima del recurso, el encabezado Expires se usa para definir un momento en el que el recurso ya no está disponible.
Nota: No es necesario agregar ambos porque podría resultar redundante. Cache-Control es más nuevo y suele ser la forma preferida. Sin embargo, algunas herramientas de eficiencia del sitio, como GTmetrix, también buscan encabezados Expires.
Asegúrese de hacer una copia de seguridad de su sitio antes de seguir los pasos, ya que editar.htaccess podría dañar su sitio si no tiene cuidado.
Agregar encabezados de control de caché en Nginx
Puede agregar lo siguiente al archivo de configuración de su servidor:
Esto le indica a su servidor que mantenga archivados los archivos importantes y que no se modificarán durante al menos 30 días antes de la actualización.
Agregar encabezados de control de caché en Apache
Puede agregar el siguiente código a su archivo .htaccess:
Este fragmento debe insertarse antes de “BEGIN WordPress” o “END WordPress”. La caché caducará después de 84.600 segundos.
Agregar encabezados de vencimiento en Nginx
Con el siguiente código puede ver cómo especificar diferentes tiempos de caducidad según los tipos de archivos:
Agregar encabezados de vencimiento en Apache
Agregue lo siguiente a su archivo .htaccess:
Luego puede volver a verificar sus encabezados ejecutando su sitio a través de Google PageSpeed Insights y ver si la advertencia persiste.
Aproveche el almacenamiento en caché del navegador para Google Analytics
De hecho, Google Analytics es a veces la causa de una advertencia sobre Exploit Browser Caching y una puntuación negativa para PageSpeed. Tiene un corto tiempo de caducidad de almacenamiento en caché de sólo dos horas.
Se utilizó la versión anterior para determinar el problema y una advertencia. Sin embargo, la versión 5 de PageSpeed Insights ya no genera una advertencia, sino que aparece como una fuente no optimizada.
En estas circunstancias, puede resolver este problema aprovechando el almacenamiento en caché del navegador para Google Analytics alojando el script localmente.
Aproveche el almacenamiento en caché del navegador para Google Analytics con el paquete completo de optimización de Analytics
Daan van den Bergh ha desarrollado un complemento gratuito llamado Complete Analytics Optimization Suite (CAOS) que puede utilizar para resolver este problema.
Puede descargar CAOS desde el directorio de complementos de WordPress o buscarlo en Complementos > Agregar nuevo en su panel de WordPress. Algunos beneficios adicionales de alojar su script de análisis localmente son:
- Reduce tus solicitudes HTTP externas a Google de dos a una.
- Le permite obtener control total sobre el almacenamiento en caché de archivos.
Instale el complemento e ingrese su ID de seguimiento de Google Analytics para comenzar. El complemento agrega el código de seguimiento relevante para Google Analytics a su sitio de WordPress, instala y guarda el archivo Analytics.js en su servidor. Mantenlo actualizado usando un script programado en wp_cron(). Se recomienda encarecidamente configurarlo para que se cargue en el pie de página.
Nota: CAOS no funcionará con otros complementos de WordPress de Google Analytics.
Aproveche el almacenamiento en caché del navegador para Google Analytics con WP-Rocket
De manera similar, puede utilizar el complemento de almacenamiento en caché de WordPress WP-Rocket para lograr el mismo objetivo.
Esta función adicional de seguimiento de Google le ayuda a alojar su script de análisis localmente con solo hacer clic en un botón. Simplemente personalice el estado en WP-Rocket > Complementos.
Minimizar el uso de scripts de terceros
Los scripts de terceros pueden causar problemas con la puntuación de Google PageSpeed Insights y no podrían controlar el caché.
Si administra su negocio a través de un sitio web de WordPress, lo más probable es que tenga scripts de terceros adicionales ejecutándose para realizar un seguimiento de las conversiones, pruebas A/B y más. Esto podría incluir scripts como Facebook Conversion Pixel, Crazy Egg, Hotjar y otros. Aparentemente, a menos que pueda encontrar una manera de alojar estos scripts localmente, no podrá controlarlos.
Una alternativa para los usuarios de Facebook Pixel es utilizar otro complemento WP-Rocket. Preferiblemente, limite el uso de scripts de terceros si desea aumentar su puntuación de Google PageSpeed. Además, merece la pena realizar una auditoría de su sitio y eliminar a los operadores que no estén obligados a gestionarlo.
¿Cuál es la advertencia de uso de caché del navegador?
La advertencia de uso de la caché del navegador es uno de los varios "diagnósticos" de Google PageSpeed que se utilizan para obtener consejos sobre cómo mejorar su puntuación.
Google recomienda utilizar el almacenamiento en caché del navegador para reducir los tiempos de carga de la página y aumentar el rendimiento. En pocas palabras, el almacenamiento en caché ocurre cuando los navegadores de los usuarios guardan copias estáticas de las páginas de su sitio. Luego, en visitas posteriores, este contenido se puede recargar más rápido porque el navegador no necesita comunicarse con el servidor de su sitio para acceder a los recursos requeridos.
Sin embargo, si el recurso almacenado en caché está a punto de llegar a su período de caducidad, aparecerá automáticamente una advertencia para que pueda ser reemplazado por la versión actualizada de inmediato.
- Faltan encabezados Cache-Control o Expires en el servidor de su sitio o en un tercero.
- Los encabezados requeridos están disponibles, pero el período de vencimiento es muy corto y, por lo tanto, tiene poco efecto en los resultados.
Conclusión
Por lo tanto, la solución a esta advertencia es solucionar uno o ambos problemas. Dado que se ha detallado la solución para solucionar el aprovechamiento de la caché del navegador, ahora se convierte en pan comido para usted.
