Cómo corregir fácilmente la advertencia de almacenamiento en caché del navegador Leverage en WordPress

¿Quiere aprender cómo corregir fácilmente la advertencia de almacenamiento en caché del navegador de apalancamiento en WordPress?

Al corregir la advertencia de almacenamiento en caché del navegador de apalancamiento, acelerará rápidamente su sitio de WordPress y brindará una mejor experiencia a los visitantes de su sitio web.

En este artículo, le mostraremos cómo corregir fácilmente la advertencia de almacenamiento en caché del navegador en WordPress.

Cómo corregir la advertencia de almacenamiento en caché del navegador de apalancamiento en WordPress

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

El almacenamiento en caché del navegador es una forma de mejorar la velocidad de carga de su sitio web. Cuando se carga una página web, todos los archivos se cargarán por separado.

Esto crea múltiples solicitudes entre el navegador y su servidor de alojamiento de WordPress, lo que aumenta el tiempo de carga de la página web.

Cuando el almacenamiento en caché del navegador está habilitado, su navegador web almacena una copia de su página web localmente. Esto permite que los navegadores carguen archivos comunes como hojas de estilo, logotipos, imágenes, etc. más rápido cuando el usuario visita una segunda página de su sitio.

Resultados de la prueba de velocidad del sitio

Esto reduce la carga general del servidor porque se realizarán menos solicitudes al servidor real y, como resultado, el rendimiento de su sitio web mejorará.

¿Dónde verá la advertencia de almacenamiento en caché del navegador de aprovechamiento para WordPress?

La advertencia de aprovechar el almacenamiento en caché del navegador significa que no tiene habilitado el almacenamiento en caché del navegador, o su almacenamiento en caché podría estar configurado de manera incorrecta.

Cuando ejecuta una prueba de velocidad del sitio web, obtendrá un informe que le muestra lo que puede arreglar para acelerar WordPress.

Si su sitio web no utiliza actualmente el almacenamiento en caché del navegador, recibirá una advertencia para habilitar el almacenamiento en caché del navegador.

Este es el aspecto que puede tener al mirar los resultados de una herramienta de información sobre la velocidad de la página.

Aproveche la advertencia de almacenamiento en caché del navegador

A veces, recibirá una advertencia que indica que su política de caché eficiente no funciona.

Ambas advertencias se refieren a un error con la configuración de almacenamiento en caché de su navegador.

Advertencia de política de caché eficiente

Aprovechar el almacenamiento en caché del navegador significa activar y personalizar las reglas de almacenamiento en caché para acelerar su sitio.

Dicho esto, echemos un vistazo a cómo corregir fácilmente la advertencia de almacenamiento en caché del navegador en WordPress usando dos métodos diferentes.

Simplemente use los enlaces rápidos a continuación para elegir cómo desea corregir la advertencia de almacenamiento en caché del navegador de apalancamiento en WordPress.

Método 1. Arreglar la advertencia de almacenamiento en caché del navegador de apalancamiento con el complemento de WordPress WP Rocket

WP Rocket es el mejor complemento de almacenamiento en caché de WordPress del mercado. Es muy amigable para principiantes y puede ayudarlo a optimizar su sitio para la velocidad, incluso sin conocer términos complejos de almacenamiento en caché y velocidad.

Cohete WP

Desde el primer momento, todas las configuraciones de almacenamiento en caché recomendadas realmente acelerarán su sitio web de WordPress.

Para corregir la advertencia de almacenamiento en caché del navegador de apalancamiento con WP Rocket, todo lo que tiene que hacer es instalar y activar el complemento.

Eso es todo.

Para obtener más detalles, consulte nuestra guía sobre cómo instalar y configurar correctamente WP Rocket en WordPress.

WP Rocket habilitará automáticamente el almacenamiento en caché del navegador y modificará su .htaccess archivo con las reglas correctas.

Nota: si está utilizando el alojamiento web de SiteGround, entonces puede usar el servicio gratuito Complemento optimizador de SiteGround en cambio.

Tiene casi las mismas funciones que WP Rocket y habilitará automáticamente el almacenamiento en caché del navegador.

Método 2. Solucione la advertencia de almacenamiento en caché del navegador aprovechando agregando código a WordPress

El segundo método implica agregar código a sus archivos de WordPress. Si no ha hecho esto antes, consulte nuestra guía para principiantes para pegar fragmentos de la web en WordPress.

Este método no es tan amigable para principiantes, así que sígalo solo si sabe exactamente lo que está haciendo. Para la mayoría de los dueños de negocios, recomendamos usar el Método 1.

Dicho esto, echemos un vistazo a cómo corregir la advertencia de almacenamiento en caché del navegador mediante la adición de código a WordPress.

Nota: antes de personalizar su código de WordPress, le recomendamos que haga una copia de seguridad de su sitio de WordPress. Para obtener más detalles, consulte nuestra guía sobre cómo hacer una copia de seguridad y restaurar su sitio de WordPress.

¿Determinar si su sitio web ejecuta Apache o Nginx?

Primero, debe averiguar si su sitio web utiliza servidores Apache o Nginx.

Para hacer esto, abra su sitio web en una nueva pestaña o ventana. Luego, haga clic derecho y seleccione la opción ‘Inspeccionar’.

Haga clic derecho e inspeccione

A continuación, haga clic en la pestaña ‘Red’ en la parte superior de la página.

Es posible que deba actualizar la página para que se carguen los resultados.

Haga clic en la red

Después de eso, haga clic en su nombre de dominio en la columna ‘Nombre’.

Debe estar en la parte superior de la página.

Haga clic en la URL del sitio web

Luego, en la sección ‘Encabezados de respuesta’, verá un elemento llamado ‘servidor’ donde se muestra el tipo de servidor. En este caso, el sitio se ejecuta en un servidor Apache.

Buscar tipo de servidor

Agregar Cache-Control y Expire Headers en Apache

Para corregir la advertencia de almacenamiento en caché del navegador de apalancamiento con un servidor Apache, agregará código a su .htaccess expediente.

Para editar este archivo, debe conectarse a su cuenta de alojamiento de WordPress con un cliente FTP o la herramienta de administración de archivos de su host.

Una vez conectado, puede ver su .htaccess archivo en la carpeta raíz de su sitio web.

htaccess FTP

Si no lo encuentras, no te preocupes. A veces, este archivo se puede ocultar. Para obtener más detalles, consulte nuestra guía sobre por qué no puede encontrar el archivo .htaccess en su sitio de WordPress.

A continuación, debe agregar el control de caché y/o los encabezados de caducidad para activar el almacenamiento en caché del navegador. Esto le dice al navegador web cuánto tiempo debe almacenar los recursos de su sitio web antes de que se eliminen.

El encabezado de control de caché brinda detalles específicos al navegador web sobre cómo se debe realizar el almacenamiento en caché.

El encabezado expire habilita el almacenamiento en caché y le dice al navegador web cuánto tiempo debe almacenar archivos específicos antes de eliminarlos.

Puede agregar el siguiente código a su .htaccess archivo para agregar encabezados de caducidad:


## EXPIRES HEADER CACHING ##
<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image/jpg "access 1 year"
ExpiresByType image/jpeg "access 1 year"
ExpiresByType image/gif "access 1 year"
ExpiresByType image/png "access 1 year"
ExpiresByType image/svg "access 1 year"
ExpiresByType text/css "access 1 month"
ExpiresByType application/pdf "access 1 month"
ExpiresByType application/javascript "access 1 month"
ExpiresByType application/x-javascript "access 1 month"
ExpiresByType application/x-shockwave-flash "access 1 month"
ExpiresByType image/x-icon "access 1 year"
ExpiresDefault "access 3 days"
</IfModule>
## EXPIRES HEADER CACHING ##

Este código establece diferentes fechas de caducidad de caché según el tipo de archivo.

Después de eso, puede agregar el siguiente código para habilitar el control de caché:


<filesMatch ".(ico|pdf|flv|jpg|jpeg|png|gif|svg|js|css|swf)$">
    Header set Cache-Control "max-age=96000, public"
</filesMatch>

Este código establece el tiempo de caducidad de la memoria caché. En el ejemplo anterior, la memoria caché caducará en 90 000 segundos.

Después de eso, el navegador web solicitará nuevas versiones de los archivos.

Agregar Cache-Control y Expire Headers en Nginx

Si está utilizando un servidor web Nginx para alojar su blog de WordPress, puede editar el archivo de configuración del servidor para corregir el error de almacenamiento en caché del navegador.

La forma en que edita y accede a este archivo depende de su host, por lo que puede comunicarse con su proveedor de alojamiento si necesita ayuda para acceder al archivo.

Luego, debe agregar el siguiente código para agregar encabezados de caducidad:


  location ~* \.(jpg|jpeg|gif|png|svg)$ {
    expires 365d;
  }

  location ~* \.(pdf|css|html|js|swf)$ {
    expires 3d;
  }

Este código establecerá los tiempos de caducidad para los diferentes tipos de archivos. Tenga en cuenta que las imágenes se almacenan en caché durante más tiempo que HTML, CSS, JS y otros tipos de archivos, ya que las imágenes suelen permanecer iguales.

Después de eso, puede agregar el siguiente código para agregar encabezados de control de caché:


location ~* \.(js|css|png|jpg|jpeg|gif|svg|ico)$ {
 expires 14d;
 add_header Cache-Control "public, no-transform";
}

Este código establece el tiempo de caducidad de la memoria caché. Le dice a su servidor que los tipos de archivo anteriores no cambiarán durante 14 días.

Si está buscando acelerar WordPress aún más, asegúrese de consultar nuestra guía sobre cómo aumentar la velocidad y el rendimiento de WordPress.

Esperamos que este artículo le haya ayudado a aprender cómo corregir fácilmente la advertencia de almacenamiento en caché del navegador en WordPress. También es posible que desee ver nuestra lista definitiva de los errores de WordPress más comunes y cómo solucionarlos, y nuestras selecciones de expertos de las mejores herramientas y complementos de SEO para obtener más tráfico.

.

Deja un comentario