Cómo agregar un encabezado que expira en WordPress (2 métodos)

¿Quiere aprender cómo agregar un encabezado de vencimiento a WordPress?

Los encabezados de caducidad son reglas que permiten a los navegadores web saber si deben cargar recursos en las páginas web, como imágenes, desde la memoria caché del navegador de un visitante o desde su servidor. Pueden ayudar a mejorar el rendimiento de su sitio web.

En este artículo, le mostraremos dos formas de agregar encabezados de fugas a WordPress.

¿Cómo usar encabezados caducados en WordPress?

La primera vez que alguien visita una página 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 pueden aumentar el tiempo de carga de sus páginas web.

caché de navegador Almacene algunos o todos estos archivos en la computadora del visitante. Esto significa que la próxima vez que visiten la página, podrán cargar el archivo desde su propia computadora, mejorando el rendimiento de WordPress.

Ahora puede que se pregunte cómo sabe el navegador qué archivos guardar y durante cuánto tiempo.

Aquí viene el encabezado de vencimiento.

Las reglas sobre qué archivos almacenar y durante cuánto tiempo se establecen para su uso Encabezado de validez Esta encabezado de control de caché. En este artículo, nos centraremos en los encabezados de fugas, ya que son más fáciles de configurar para la mayoría de los usuarios.

El encabezado de caducidad establece la fecha de validez para cada tipo de archivo almacenado en la memoria caché del navegador. Después de esta fecha, su servidor volverá a cargar el archivo para proporcionar a los visitantes la última versión de la página.

Le mostraremos cómo agregar encabezados de fuga usando dos métodos diferentes. El primer método es más simple y se recomienda para la mayoría de los usuarios. Puedes ir a tu sección favorita haciendo clic en el siguiente enlace:

• Método 1: agregue un encabezado de fuga utilizando el complemento de WordPress WP Rocket
• Método 2: agregue un encabezado de fuga de WordPress usando código

Instrucciones en vídeo

Suscríbete a WPBeginner

Si prefiere instrucciones escritas, siga leyendo.

Método 1: agregue un encabezado de fuga utilizando el complemento de WordPress WP Rocket

WP Rocket es el complemento de almacenamiento en caché de WordPress más fácil de usar del mercado. Una vez activado, puede acelerar su sitio web al instante sin alterar configuraciones complejas como muchos otros complementos de almacenamiento en caché.

WP Rocket es un complemento de primera, pero lo mejor es que todas las funciones están incluidas en su plan mínimo.

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

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

Esto es 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 usar un complemento de almacenamiento en caché gratuito para agregar encabezados de fuga a su sitio web, le recomendamos que consulte 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. Debe activar manualmente los encabezados caducados, ya que esto no los activa automáticamente.

Método 2: agregue un encabezado de fuga de WordPress usando código

La segunda forma de agregar encabezados vencidos en WordPress consiste en agregar código a sus archivos de WordPress. No lo recomendamos para principiantes, porque los errores en el código pueden provocar errores graves y romper su sitio web.

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 hacer una copia de seguridad y restaurar su sitio de WordPress.

Dicho esto, veamos cómo agregar un encabezado de fuga agregando código a WordPress.

Determina si tu sitio web funciona con Apache o Nginx

Primero, debe determinar si su sitio web utiliza un servidor Apache o Nginx. Para hacer esto, vaya a su sitio web y haga clic derecho en la página y seleccione la opción "Verificar".

Luego 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 cargar los resultados.

A continuación, puede hacer clic en el 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 el elemento llamado "Servidor".

Esto le mostrará el servidor web utilizado. En este caso, el sitio se ejecuta en un servidor Nginx.

Ahora que sabes quién host web utiliza su sitio web, use los enlaces a continuación para avanzar:

• Cómo agregar un encabezado de fuga en Apache
• Cómo agregar un encabezado de fuga en Nginx

Cómo agregar un encabezado de fuga en Apache

Para agregar un encabezado de validez al servidor Apache, debe agregar código al 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. Encontrará su archivo .htaccess en la carpeta raíz de su sitio web.

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

Luego debe agregar un encabezado de validez 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.

Puede agregar el siguiente código en la parte superior de 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 ##

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

Tenga en cuenta que el código establece diferentes fechas de caducidad de 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, ya que generalmente permanecen sin cambios.

Cómo agregar un encabezado de fuga en Nginx

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

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 nuevamente que las imágenes tardan más en almacenarse en caché que HTML, CSS, JS y otros tipos de archivos porque las imágenes generalmente permanecen iguales.

Esperamos que este tutorial le haya ayudado a aprender cómo agregar encabezados de vencimiento en WordPress. También puede revisar nuestra mejor guía de seguridad 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 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.