Cómo reparar fácilmente las alertas de caché del navegador de WordPress

¿Quiere aprender a reparar fácilmente las alertas de caché del navegador de WordPress?

Al ajustar las alertas de caché del navegador, 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 reparar fácilmente las alertas de caché del navegador de WordPress.

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

El almacenamiento en caché del navegador es una forma de mejorar la velocidad de carga de los sitios web. Cuando se carga una página web, todos los archivos se cargan individualmente.

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 copias de sus páginas web localmente. Esto permite que el navegador cargue archivos comunes como hojas de estilo, logotipos, imágenes, etc. Es más rápido cuando los usuarios visitan la segunda página de su sitio.

Resultados de la prueba de velocidad del sitio

Esto reduce la carga general en el servidor, ya que se realizan menos solicitudes al servidor real y, como resultado, aumentará el rendimiento de su sitio web.

¿Dónde ve advertencias sobre la explotación de la memoria caché del navegador de WordPress?

El uso de la advertencia de caché del navegador significa que no tiene habilitado el almacenamiento en caché del navegador o que es posible que su caché no esté configurado correctamente.

Cuando ejecuta una prueba de velocidad en su sitio web, recibirá un informe que muestra lo que puede arreglar para acelerar WordPress.

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

Esto puede suceder cuando ve los resultados de la herramienta de comentarios sobre la velocidad de la página.

Usar alertas de caché del navegador

A veces recibe una advertencia de que su estrategia de almacenamiento en caché efectiva no está funcionando.

Ambas advertencias incluyen errores en la configuración de caché de su navegador.

Advertencia para el almacenamiento en caché eficaz

Aprovechar el almacenamiento en caché del navegador significa activar y personalizar las políticas de almacenamiento en caché para acelerar su sitio web.

Habiendo dicho eso, veamos cómo arreglar fácilmente las alertas de caché del navegador de WordPress usando dos métodos diferentes.

Simplemente use los enlaces rápidos a continuación para elegir cómo desea corregir las advertencias de vulnerabilidad en el caché de su navegador de WordPress.

  • Use un complemento para corregir la advertencia de vulnerabilidad de caché del navegador
  • Use un código para corregir la advertencia de explotación de caché del navegador

Método 1: corrija la alerta de caché del navegador con el complemento WP Rocket WordPress

WP Rocket es el mejor complemento de almacenamiento en caché de WordPress del mercado. Es muy conveniente para principiantes y puede ayudarlo a optimizar la velocidad de su sitio web, incluso si no comprende términos complejos sobre velocidad y almacenamiento en caché.

cohete wp

Fuera de la caja, todas las configuraciones de caché recomendadas realmente acelerarán su sitio de WordPress.

Para corregir las advertencias de explotación de la memoria caché del navegador con WP Rocket, todo lo que tiene que hacer es instalar y activar el complemento.

Está.

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

WP Rocket activará automáticamente el almacenamiento en caché del navegador y cambiará su archivo .htaccess con las reglas apropiadas.

notas: Si usa el alojamiento web SiteGround, puede usar el complemento gratuito SiteGround Optimizer.

Tiene casi las mismas características que WP Rocket y permite automáticamente el almacenamiento en caché del navegador.

Método 2: Corrija la advertencia de caché del navegador agregando código a WordPress

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

Este método no es fácil de usar para los principiantes, por lo que solo debe seguirlo si sabe exactamente lo que está haciendo. Para la mayoría de los dueños de negocios, recomendamos el Método 1.

Dicho esto, veamos cómo corregir la advertencia de caché del navegador agregando código a WordPress.

notas: 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.

¿Está seguro de que su sitio web funciona con Apache o Nginx?

Primero, debe determinar si su sitio web usa Apache o servidor Nginx.

Para hacer esto, abra su sitio web en una nueva sección o ventana. Luego haga clic derecho y seleccione la opción "Comprobar".

clic derecho y verifique

Luego haga clic en la pestaña "Red" en la parte superior de la página.

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

haga clic en Red

Luego 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" que muestra el tipo de servidor. En este caso, el sitio se ejecuta en un servidor Apache.

Encuentre un tipo de servidor

Agregar Cache-Control y Apache Leak Header

Para corregir la advertencia de caché del navegador Apache, debe agregar código a su archivo .htaccess.

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

Una vez conectado, puede ver su archivo .htaccess 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 archivos .htaccess en su sitio de WordPress.

Luego debe agregar encabezados de caché y/o fechas de vencimiento para habilitar el almacenamiento en caché del navegador. Esto le dice al navegador web cuánto tiempo debe almacenar los recursos en su sitio web antes de eliminarlos.

Los encabezados de Cache-Control brindan a los navegadores web detalles específicos sobre cómo almacenar en caché.

El encabezado expires permite el almacenamiento en caché y le dice al navegador web cuánto tiempo debe almacenar un archivo en particular antes de eliminarlo.

Opcionalmente, agregue el siguiente código a su archivo .htaccess para agregar el encabezado de vencimiento:

## EXPIRES HEADER CACHING ##

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"

## EXPIRES HEADER CACHING ##

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

Luego puede agregar el siguiente código para habilitar el control de caché:


    Header set Cache-Control "max-age=96000, public"


Este código establece la hora en que caduca el caché. En el ejemplo anterior, la memoria caché caducará en 90 000 segundos.

El navegador web le pedirá una nueva versión del archivo.

Agregue Cache-Control y Leak Header a Nginx

Si usa un servidor web Nginx para alojar su blog de WordPress, puede editar el archivo de configuración del servidor para corregir los errores de almacenamiento en caché del navegador.

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

Luego, debe agregar el siguiente código para agregar el encabezado de vencimiento:

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

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

Este código establecerá el tiempo de caducidad para 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 generalmente permanecen sin cambios.

Luego puede agregar el siguiente código para agregar el encabezado 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 la hora en que caduca el caché. Le dice a su servidor que el tipo de archivo anterior no se cambiará durante 14 días.

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

Esperamos que este artículo le haya ayudado a aprender cómo reparar fácilmente las alertas de caché del navegador para la explotación de WordPress. También puede echar un vistazo a nuestra lista final de los errores de WordPress más comunes y cómo solucionarlos, así como nuestras opciones de expertos sobre las mejores herramientas y complementos de SEO para obtener más tráfico.

Si te ha gustado este artículo, suscríbete a nuestro canal de tutoriales en vídeo de YouTube para WordPress. También puede encontrarnos en Twitter y Facebook.

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Subir