Cómo arreglar fácilmente la advertencia de caché del navegador en WordPress

¿Quieres aprender a arreglar fácilmente la advertencia de apalancamiento de la caché del navegador en WordPress?

Al arreglar el aviso de apalancamiento de la caché del navegador, acelerarás rápidamente tu sitio de WordPress y ofrecerás una mejor experiencia a los visitantes de tu sitio web

En este artículo, te mostraremos cómo arreglar fácilmente el aviso de apalancamiento de la caché del navegador en WordPress.

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

¿Qué es la caché del navegador en WordPress?

La caché del navegador es una forma de mejorar la velocidad de carga de tu sitio web. Cuando se carga una página web, todos los archivos se cargan por separado

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

Cuando la caché del navegador está activada, tu navegador almacena una copia de tu página web localmente. Esto permite a los navegadores cargar archivos comunes como hojas de estilo, logotipos, imágenes, etc. más rápidamente cuando el usuario visita una segunda página de tu sitio

Resultados de la prueba de velocidad del sitio

Esto reduce la carga total del servidor porque se harán menos peticiones al servidor real, y el rendimiento de tu sitio web mejorará como resultado.

¿Dónde verás la advertencia de aprovechar el caché del navegador para WordPress?

La advertencia de aprovechar la caché del navegador significa que no tienes activada la caché del navegador, o que tu caché podría estar configurada de forma incorrecta.

Cuando realices una prueba de velocidad del sitio web, obtendrás un informe que te mostrará lo que puedes arreglar para acelerar WordPress.

Si tu sitio web no utiliza actualmente la caché del navegador, recibirás una advertencia para que habilites la caché del navegador.

Este es el aspecto que puede tener cuando miras los resultados de una herramienta de información sobre la velocidad de las páginas.

Aprovechar la advertencia de la caché del navegador

A veces recibirás una advertencia que dice que tu política de caché eficiente no está funcionando.

Ambas advertencias se refieren a un error en la configuración de la caché de tu navegador

Aviso de política de caché eficiente

Aprovechar la caché del navegador significa activar y personalizar las reglas de caché para acelerar tu sitio

Dicho esto, vamos a ver cómo arreglar fácilmente el aviso de aprovechamiento de la caché del navegador en WordPress utilizando dos métodos diferentes.

Simplemente utiliza los enlaces rápidos que aparecen a continuación para elegir cómo quieres arreglar el aviso de apalancamiento de la caché del navegador en WordPress

Método 1. Arreglar el aviso de apalancamiento de la caché del navegador con el plugin de WordPress WP Rocket

WP Rocket es el mejor plugin de caché para WordPress del mercado. Es muy fácil de usar para los principiantes y puede ayudarte a optimizar la velocidad de tu sitio, incluso sin conocer los complejos términos de la caché y la velocidad.

Cohete WP

De forma inmediata, todos los ajustes de caché recomendados acelerarán realmente tu sitio web de WordPress.

Para arreglar la advertencia de apalancamiento de la caché del navegador con WP Rocket, todo lo que tienes que hacer es instalar y activar el plugin.

Eso es todo.

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

WP Rocket activará automáticamente la caché del navegador y modificará tu .htaccess con las reglas adecuadas

Nota: si utilizas el alojamiento web de SiteGround, entonces puedes utilizar el Plugin optimizador de SiteGround en su lugar

Tiene casi las mismas características que WP Rocket, y activará automáticamente la caché del navegador por ti

Método 2. Arreglar la advertencia de caché del navegador añadiendo código a WordPress

El segundo método consiste en añadir código a tus archivos de WordPress. Si no lo has hecho antes, consulta nuestra guía para principiantes sobre cómo pegar fragmentos de la web en WordPress.

Este método no es tan amigable para los principiantes, así que por favor, sólo sigue esto si sabes exactamente lo que estás haciendo. Para la mayoría de los empresarios, recomendamos utilizar el método 1.

Dicho esto, echemos un vistazo a cómo arreglar la advertencia de apalancamiento del navegador añadiendo código a WordPress

Nota: antes de personalizar tu código de WordPress, te recomendamos que hagas una copia de seguridad de tu sitio de WordPress. Para más detalles, consulta nuestra guía sobre cómo hacer una copia de seguridad y restaurar tu sitio de WordPress.

¿Determinar si tu sitio web está ejecutando Apache o Nginx?

En primer lugar, tienes que averiguar si tu sitio web utiliza servidores Apache o Nginx

Para ello, abre tu sitio web en una nueva pestaña o ventana. A continuación, haz clic con el botón derecho del ratón y selecciona la opción "Inspeccionar".

Hacer clic con el botón derecho e inspeccionar

A continuación, haz clic en la pestaña "Red" de la parte superior de la página

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

Red de clics

Después, haz clic en el nombre de tu dominio en la columna "Nombre"

Debería estar en la parte superior de la página.

Haz clic en la URL del sitio web

A continuación, en la sección "Encabezados de respuesta", verás 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

Añadir cabeceras Cache-Control y Expire en Apache

Para arreglar la advertencia de apalancamiento del navegador con un servidor Apache, vas a tener que añadir código a tu .htaccess archivo.

Para editar este archivo, tienes que conectarte a tu cuenta de alojamiento de WordPress con un cliente FTP o con la herramienta de gestión de archivos de tu alojamiento.

Después de conectarte, podrás ver tu .htaccess en la carpeta raíz de tu sitio web.

htaccess FTP

Si no lo encuentras, no te preocupes. A veces este archivo puede estar oculto. Para más detalles, consulta nuestra guía sobre por qué no puedes encontrar el archivo .htaccess en tu sitio de WordPress.

A continuación, tienes que añadir las cabeceras cache-control y/o expire para activar el almacenamiento en caché del navegador. Esto indica al navegador web cuánto tiempo debe almacenar los recursos de tu sitio web antes de que se eliminen

La cabecera cache-control proporciona detalles específicos al navegador web sobre cómo debe realizarse el almacenamiento en caché.

La cabecera expires habilita el almacenamiento en caché e indica al navegador web el tiempo que debe almacenar determinados archivos antes de ser eliminados

Puedes añadir el siguiente código a tu .htaccess para añadir cabeceras 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 la caché en función del tipo de archivo.

Después, puedes añadir el siguiente código para activar el control de la 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 caché. En el ejemplo anterior, la caché expirará en 90.000 segundos

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

Añadir cabeceras Cache-Control y Expire en Nginx

Si utilizas un servidor web Nginx para alojar tu blog de WordPress, puedes editar el archivo de configuración del servidor para solucionar el error de caché del navegador.

La forma de editar y acceder a este archivo depende de tu anfitrión, así que puedes ponerte en contacto con tu proveedor de alojamiento si necesitas ayuda para acceder al archivo

A continuación, tienes que añadir el siguiente código para añadir las cabeceras 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. Observa que las imágenes se almacenan en la caché durante más tiempo que el HTML, el CSS, el JS y otros tipos de archivos, ya que las imágenes suelen permanecer inalteradas

Después de esto, puedes añadir el siguiente código para añadir cabeceras 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 caché. Indica a tu servidor que los tipos de archivo anteriores no cambiarán durante 14 días

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

Esperamos que este artículo te haya ayudado a saber cómo solucionar fácilmente la advertencia de apalancamiento del navegador en la caché de WordPress. Quizás también quieras ver nuestra lista definitiva de los errores más comunes de WordPress y cómo solucionarlos, y nuestras selecciones de expertos de las mejores herramientas y plugins de SEO para conseguir más tráfico.

Si te ha gustado este artículo, suscríbete a nuestro Canal de YouTube para los videotutoriales de WordPress. También puedes encontrarnos en Twitter y Facebook.

Si quieres conocer otros artículos parecidos a Cómo arreglar fácilmente la advertencia de caché del navegador en WordPress puedes visitar la categoría Tutoriales.

¡Más Contenido!

Deja un comentario

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

Go up