Cómo agregar encabezados de caducidad en WordPress (2 métodos)

¿Quieres aprender cómo agregar encabezados de caducidad en WordPress?

Los encabezados de caducidad son reglas que permiten a los navegadores web saber si deben cargar un recurso de página web como imágenes del caché del navegador del visitante o de su servidor. Estos pueden ayudar a mejorar el rendimiento de su sitio.

En este artículo, le mostraremos dos formas de agregar encabezados de caducidad en WordPress.

Cómo agregar encabezados de caducidad en WordPress

¿Cómo se utilizan los encabezados de caducidad en WordPress?

La primera vez que alguien visita una página web en su sitio de WordPress, todos los archivos se cargan uno por uno. Todas estas solicitudes entre el navegador y su servidor de alojamiento de WordPress aumentan el tiempo de carga de la página web.

Almacenamiento en caché del navegador almacena algunos o todos esos archivos en la computadora del visitante. Eso significa que la próxima vez que visiten la página, los archivos se pueden cargar desde su propia computadora, lo que aumenta el rendimiento de WordPress.

Ahora puede que se esté preguntando, ¿cómo saben los navegadores qué archivos guardar y cuánto tiempo conservarlos?

Ahí es donde entran los encabezados de caducidad.

Las reglas sobre qué archivos guardar y cuánto tiempo guardarlos se establecen utilizando expira los encabezados o encabezados de control de caché. En este artículo, nos centraremos en los encabezados de caducidad porque son más sencillos de configurar para la mayoría de los usuarios.

Los encabezados de caducidad establecen una fecha de caducidad para cada tipo de archivo almacenado en la caché del navegador. Después de esa fecha, los archivos se volverán a cargar desde su servidor para brindarles a los visitantes la versión más reciente de la página.

Le mostraremos cómo agregar encabezados de caducidad utilizando dos métodos diferentes. El primer método es más sencillo y recomendado para la mayoría de usuarios. Puede hacer clic en los enlaces a continuación para pasar a su sección preferida:

  • Método 1: agregar encabezados de caducidad con el complemento de WordPress WP Rocket
  • Método 2: agregar encabezados de caducidad en WordPress usando código

Tutorial en video

Suscríbete a WPBeginner

Si prefiere instrucciones escritas, siga leyendo.

Método 1: agregar encabezados de caducidad con el complemento de WordPress WP Rocket

WP Rocket es el complemento de almacenamiento en caché de WordPress más amigable para principiantes del mercado. Una vez habilitado, funciona inmediatamente para acelerar su sitio sin tener que meterse con configuraciones complicadas como muchos otros complementos de almacenamiento en caché.

WP Rocket es un complemento premium, pero la mejor parte es que todas las funciones están incluidas en su plan más bajo.

HP cohete

Lo primero que debe hacer es instalar y activar el complemento WP Rocket. Para obtener más detalles, consulte nuestra guía paso a paso sobre cómo instalar un complemento de WordPress.

Una vez instalado y activado, WP Rocket activará automáticamente el almacenamiento en caché del navegador. De forma predeterminada, agrega encabezados de caducidad y encabezados de control de caché con la mejor configuración para acelerar su sitio de WordPress.

Eso es todo lo que necesitas hacer. Si desea obtener más información sobre el complemento, consulte nuestra guía sobre cómo instalar y configurar correctamente WP Rocket en WordPress.

Si prefiere utilizar un complemento de almacenamiento en caché gratuito para agregar encabezados de caducidad a su sitio web, le recomendamos que eche un vistazo a W3 Total Cache.

W3 Total Cache ofrece algunas de las mismas características que WP Rocket, pero no es tan fácil de usar para principiantes. Tendría que habilitar manualmente los encabezados caducados, ya que no los habilita automáticamente.

Método 2: agregar encabezados de caducidad en WordPress usando código

El segundo método para agregar encabezados expirados en WordPress implica agregar código a sus archivos de WordPress. No lo recomendamos para principiantes, ya que un error en el código podría causar errores graves y romper su sitio.

Antes de realizar estos cambios, le recomendamos que primero haga una copia de seguridad de su sitio de WordPress. Para obtener más detalles, consulte nuestra guía sobre cómo realizar una copia de seguridad y restaurar su sitio de WordPress.

Dicho esto, echemos un vistazo a cómo agregar encabezados de caducidad agregando código a WordPress.

Determine si su sitio web está ejecutando Apache o Nginx

Primero, debe averiguar si su sitio web utiliza servidores Apache o Nginx. Para hacer esto, vaya a su sitio web y haga clic derecho en la página, luego seleccione la opción ‘Inspeccionar’.

Haga clic derecho en la opción Inspeccionar

A continuación, debe hacer 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 pestaña Red

Después de eso, puede hacer clic en su nombre de dominio en la parte superior de la columna ‘Nombre’. Luego, debe desplazarse hacia abajo hasta la sección ‘Encabezados de respuesta’ y buscar un elemento llamado ‘servidor’.

Consulte la sección de encabezados de respuesta

Esto le mostrará qué servidor web se está utilizando. En este caso, el sitio se ejecuta en un servidor Nginx.

Ahora que sabe qué servidor web está usando su sitio, use los enlaces a continuación para avanzar:

  • Cómo agregar encabezados de caducidad en Apache
  • Cómo agregar encabezados de caducidad en Nginx

Cómo agregar encabezados de caducidad en Apache

Para agregar encabezados de caducidad a un servidor Apache, debe agregar código a su archivo .htaccess.

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 anfitrión. Encontrará su archivo .htaccess en la carpeta raíz de su sitio web.

Encuentra .htaccess en la carpeta raíz

A veces, el archivo .htaccess se puede ocultar. Si necesita ayuda para encontrarlo, consulte nuestra guía sobre por qué no puede encontrar el archivo .htaccess en su sitio de WordPress.

A continuación, debe agregar 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.

Puede agregar el siguiente código cerca de la parte superior de su archivo .htaccess para agregar encabezados de expiración:

## 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 ##

Estos valores deberían funcionar bien para la mayoría de los sitios, pero puede ajustar los períodos de tiempo si sus necesidades son diferentes.

Tenga en cuenta que el código establece diferentes fechas de caducidad de la caché según el tipo de archivo. Las imágenes se almacenan en caché durante más tiempo que HTML, CSS, Javascript y otros tipos de archivos porque, por lo general, permanecen igual.

Cómo agregar encabezados de caducidad en Nginx

Si está utilizando un servidor Nginx para alojar su blog de WordPress, entonces necesita editar el archivo de configuración del servidor para agregar encabezados caducados.

La forma de editar y acceder 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 vencimiento para los diferentes tipos de archivos. Observe nuevamente que las imágenes se almacenan en caché por más tiempo que HTML, CSS, JS y otros tipos de archivos, ya que las imágenes generalmente permanecen igual.

Esperamos que este tutorial le haya ayudado a aprender a agregar encabezados de caducidad en WordPress. Es posible que también desee ver nuestra guía de seguridad definitiva de WordPress para mejorar la seguridad de su sitio web y ver nuestra comparación de los mejores servicios de marketing por correo electrónico para aumentar su tráfico.

Si le gustó este artículo, suscríbase a nuestro canal de YouTube para tutoriales en video de WordPress. También puedes encontrarnos en Twitter y Facebook.

Publicaciones relacionadas

Botón volver arriba