¿Qué es aprovechar el almacenamiento en caché del navegador y cómo solucionarlo en WordPress?










  • Si ha estado tratando de maximizar su puntaje en Google PageSpeed ​​Insights , es posible que haya notado que hay muchos factores que intervienen. Y lo más probable es que no sepa lo que significa cada uno, especialmente la advertencia de almacenamiento en caché del navegador de apalancamiento.

    Junto a esta advertencia, se le dará una lista de imágenes que normalmente almacenaría un navegador. Esta lista está destinada a informarle qué imágenes no tienen la información necesaria, o más específicamente, las fechas de vencimiento.

    La buena noticia es que, si bien el nombre no es muy útil, la solución es fácil. Hoy, explicaré qué es aprovechar el almacenamiento en caché del navegador y cómo puede solucionarlo en WordPress.

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

    La advertencia Aproveche el almacenamiento en caché del navegador alerta a los usuarios de que no han configurado las fechas de caducidad de las imágenes estáticas. Las fechas de caducidad le dicen al navegador web cuánto tiempo deben almacenar una imagen específica.

    En las últimas versiones de Google PageSpeed ​​Insights, se cambió el nombre de este mensaje de advertencia. Ahora se conoce como "Servir activos estáticos con una política de caché eficiente".

    Independientemente de cómo se llame, la causa y la solución son las mismas.

    Ahora puede sonar un poco extraño necesitar una fecha de caducidad en una imagen estática, pero tiene mucho sentido. Seamos realistas, nada en un sitio web es realmente estático. Eventualmente, cambiará una imagen, ejecutará una promoción o simplemente rediseñará su sitio web.

    Todo cambiará, y no decirle al navegador que se ha producido un cambio puede hacer que las páginas se carguen más lentamente.

    Incluso con la fecha de vencimiento establecida, es posible que reciba el error si las fechas son demasiado cortas. Sí, el error es realmente así de quisquilloso. La buena noticia es que el error proporciona todas las instancias en las que es necesario corregir las imágenes.

    Cómo corregir el error de almacenamiento en caché del navegador de apalancamiento en WordPress

    Hay una variedad de soluciones para corregir este error en particular, y cubriré las soluciones más comunes al problema. La buena noticia es que ninguno de estos métodos es particularmente difícil. De hecho, la mayoría de ellos solo tardará unos minutos en completarse.

    Y antes de comenzar, tenga en cuenta que cada sitio web es único. Lo que funciona para un sitio web, puede no funcionar para otro, especialmente si tiene muchos scripts de terceros ejecutándose.

    Si un método no funciona, simplemente pruebe con otro.

    Método 1: Control de caché

    Cache-control es un encabezado HTTP que especifica las políticas de almacenamiento en caché del navegador para su sitio web. Casi todos los sitios web usarán este o un encabezado Expires (vea el siguiente método) para habilitar el almacenamiento en caché de activos del navegador.

    Si sabe qué método está utilizando actualmente, concéntrese en ese. Esto es importante porque no debe agregar ambos. Si bien no tendrá un impacto terrible, se considera redundante.

    La buena noticia es que esto es tan fácil como copiar y pegar una línea de código.

    Ahora, si revisa su informe de Google PageSpeed ​​Insights y expande el error, debería ver una lista de imágenes que no contienen los datos, el tamaño de esas imágenes y la información de Cache TTL.

    Si Cache TTL dice "Ninguno", entonces sabe que el problema es la fecha de vencimiento.

    El código que necesita depende del tipo de servidores que esté utilizando. Por ejemplo, si está utilizando un servidor Apache, debe agregar el siguiente código al archivo .htaccess de su sitio web:

    <filesMatch “.(ico|pdf|flv|jpg|jpeg|png|gif|svg|js|css|swf)$”>
    Conjunto de encabezado Cache-Control “max-age=84600, público”
    </filesMatch>

    El código establece un código de caducidad de 84.600 segundos, lo que equivale a 1 día. Puede cambiar este número a lo que quiera, pero esto suele ser suficiente para resolver el mensaje de error.

    Nota: Si no puede encontrar su archivo .htaccess, es posible que no tenga uno. No temas, es fácil generar el archivo.

    Método 2: Caduca el encabezado

    Un encabezado Expires es un encabezado HTTP que le dice al navegador cuándo vencen los datos almacenados en caché. Si los datos son demasiado antiguos, se considera obsoletos y debe conectarse con el sitio web para obtener la información nuevamente.

    Este es el método más clásico en comparación con el control de caché, pero todavía funciona bien hasta el día de hoy. Nuevamente, si actualmente no está utilizando un encabezado Expires, este método no es para usted. En cambio, su sitio web está utilizando el control de caché ( consulte el Método 1 ).

    Una vez más, esta solución solo requiere que copie y pegue un código. También depende del tipo de servidor que esté ejecutando.

    Para un servidor Apache, el siguiente código establecerá fechas de caducidad para una variedad de tipos de medios (jpg, jpeg, png, etc.) hasta por un mes Ingrese en el archivo .htaccess:

    ## EXPIRES HEADER CACHING ##
    <IfModule mod_expires.c>
    ExpiresActive On
    ExpiresByType image/jpg “acceso 1 año”
    ExpiresByType image/jpeg “acceso 1 año”
    ExpiresByType image/gif “acceso 1 año”
    ExpiresByType image/png “acceso 1 año” ”
    ExpiresByType image/svg “acceso 1 año”
    ExpiresByType texto/css “acceso 1 mes”
    Aplicación ExpiresByType/pdf “acceso 1 mes”
    Aplicación ExpiresByType/javascript “acceso 1 mes”
    Aplicación ExpiresByType/x-javascript “acceso 1 mes”
    Aplicación ExpiresByType /x-shockwave-flash “acceso 1 mes”
    ExpiresByType image/x-icon “acceso 1 año” ExpiresDefault “acceso 2 días”
    </IfModule>
    ## CADUCA CACHE DE CABECERA ##

    Puede cambiar la hora a cualquier valor, pero esto suele ser suficiente para resolver el mensaje de error en PageSpeed ​​Insights.

    Método 3: secuencias de comandos de terceros

    Los dos primeros métodos se enfocan en lo que puede hacer para administrar todo en su servidor web, pero a veces el problema puede provenir de una fuente externa. Un script de terceros es un recurso cargado desde fuera de su servidor web.

    Por ejemplo, en un giro irónico de los acontecimientos, Google Analytics podría ser la causa de su error. O podría ser algo más como el sistema de comentarios Disqus para WordPress.

    Básicamente, cualquier cosa que no esté almacenada directamente en su sitio web podría resultar en el error Aprovechar el almacenamiento en caché del navegador. Lo sé, no es muy útil en términos de solución de problemas.

    Entonces, ¿cómo puede resolver este problema si proviene de una fuente de terceros?

    Bueno, para ser completamente honesto, a veces no se puede. Algunos de estos scripts de terceros no tienen forma de alojarlos localmente, por lo tanto, no hay nada que pueda hacer, pero algunos tienen alternativas. El verdadero problema es encontrarlos.

    La forma segura de averiguar qué script está causando el error es eliminarlos uno por uno y realizar una prueba de PageSpeed ​​Insights. Si eliminar un determinado script resolvió el problema, puede buscar una solución.

    Método 4: use un complemento de almacenamiento en caché

    La mejor parte de WordPress es la enorme biblioteca de complementos que tienes a tu disposición. Y dado que el almacenamiento en caché es una parte esencial del funcionamiento de un sitio web, hay un gran repertorio de complementos disponibles que pueden resolver este problema, pero como la mayoría de las cosas, los resultados variarán.

    Estos son algunos de los mejores complementos de almacenamiento en caché disponibles.

    1. Caché Litespeed

    Litespeed Cache es el complemento de almacenamiento en caché más popular para WordPress, y puede resolver fácilmente todas las advertencias de almacenamiento en caché del navegador que mostrará Google PageSpeed ​​Insights. De hecho, tiene configuraciones dedicadas solo para el error de almacenamiento en caché del navegador de apalancamiento.

    Por supuesto, esto es solo una parte de lo que ofrece el complemento. Puede acelerar dramáticamente su sitio web.

    En términos de aprovechar el almacenamiento en caché del navegador, simplemente necesita habilitar el almacenamiento en caché del navegador en la configuración. Incluso tiene un área para que ingrese manualmente las fechas de vencimiento. Alternativamente, estos se pueden configurar automáticamente.

    Fuera de esto, es compatible con la mayoría de los principales complementos de WordPress como WooCommerce y BBPress. La velocidad de su sitio web aumentará significativamente con solo la instalación básica y se puede duplicar o incluso triplicar con un enfoque más ajustado.

    2. Cohete WP

    WP Rocket es un increíble complemento premium que puede aumentar drásticamente el rendimiento de su sitio web. Y también tiene una sección completa dedicada al almacenamiento en caché del navegador, que establecerá automáticamente las fechas de vencimiento.

    Por lo tanto, nunca verá el error de almacenamiento en caché del navegador de apalancamiento desde una fuente en su sitio web, pero aún es posible desde scripts de terceros.

    Dicho esto, WP Rocket ayuda a optimizar algunos de esos problemas de terceros, como Pixel. WP Rocket es una solución integral para el almacenamiento en caché que incluye optimización de imágenes, precarga del mapa del sitio, detección móvil y mucho más.

    Uno de los aspectos más importantes es lo fácil que es de usar, pero el problema es que no permite que los visitantes lo prueben gratis. Por lo tanto, tendrá que comprarlo para probarlo, pero hay una garantía de devolución de dinero de 14 días para aprovechar.

    3. Caché más rápido de WP

    WP Fastest Cache es otro complemento de almacenamiento en caché excelente y gratuito para WordPress que puede resolver este problema. De hecho, lo hace automáticamente al momento de la instalación. Así es, literalmente no tienes que hacer nada más que instalarlo.

    Y como su nombre lo indica, se especializa en acelerar su sitio web de WordPress.

    Como habrás adivinado, su mayor activo es que hace todo por ti. Dicho esto, hay algunas configuraciones que puede configurar usted mismo, pero la mayoría de ellas están bloqueadas detrás de la versión premium del complemento.

    Algunas de las otras características incluyen soporte multisitio, minimizar CSS, JavaScript y HTML, habilitar la carga diferida para imágenes, ofrecer soporte Cloudflare y mucho más.

    Tiene todo lo que necesitas para acelerar WordPress.

    4. Caché total W3

    W3 Total Cache es otro gran nombre en la industria de complementos de almacenamiento en caché y obtiene resultados increíbles. Y al igual que los otros que he mencionado, tiene una sección dedicada para el almacenamiento en caché del navegador que resolverá cualquier error del lado de su servidor.

    También puede ayudar con algunos scripts de terceros.

    A diferencia de otros complementos, W3 Total Cache requiere más configuraciones manuales que otros complementos. Dicho esto, esto no es algo malo. Le ayuda a tener más control sobre el almacenamiento en caché de su sitio web, razón por la cual es un complemento tan popular.

    Una de las diferencias clave entre W3 Total Cache y otros complementos es que se trata de un marco completo. Otros complementos se esfuerzan por mejorar o corregir problemas específicos del sitio web promedio, y este complemento va mucho más allá.

    ¿Por qué es tan importante la velocidad?

    La optimización de su sitio web para la velocidad es crucial para el éxito por una variedad de razones.

    Primero, centrémonos en la experiencia del usuario. A nadie le gusta un sitio web lento. Cada segundo que un visitante espera a que se cargue una página es otro segundo que puede optar por abandonar sus páginas. Para algunos sitios web, esto les costará ventas.

    Los tiempos de carga rápidos aseguran que el visitante pueda ver todo el contenido que desea y no se pregunte si realmente necesita comprar algo.

    Desde la perspectiva de SEO, la velocidad es uno de los factores confirmados que Google y otros motores de búsqueda utilizan para clasificar los sitios web. Cuanto más rápido sea su sitio web, mejor se clasificará. Cuanto mejor se clasifique, más tráfico recibirá.

    Cuanto más tráfico reciba, más dinero podrá ganar.

    No olvide corregir los otros errores

    El error de almacenamiento en caché del navegador de apalancamiento es solo uno de los contratiempos que puede revelar una prueba de Google PageSpeed ​​Insights. Y, francamente, está lejos de ser el que más debería preocuparte. En cambio, tómese un tiempo para mirar los otros errores que está viendo.

    Dicho esto, es importante darse cuenta de que aún puede tener un sitio web rápido y recibir una mala puntuación de página.

    Esta prueba analiza muchos componentes de su sitio web. Uno de los principales factores que realmente puede reducir la puntuación de su página es la cantidad de scripts de terceros que está utilizando. Afecta mucho más que solo el almacenamiento en caché del navegador, así que utilícelos con moderación.

    ¿Qué complemento de almacenamiento en caché usas en WordPress? ¿Notó un aumento en el rendimiento después de resolver el mensaje de error?










  • Subir