Qué es y cómo configurar «Add Expire Headers» en WordPress paso a paso

Expires Headers son ciertas líneas de código que le indican a su navegador cuánto tiempo debe mantener los archivos en caché de su sitio.

Puede añadir Encabezados de Vencimiento añadiendo un código como la imagen ExpiresByType/jpg «access plus 1 month» a su sitio.

Usted puede encontrar otras formas de ello abajo.

Uno de los errores más comunes a los que nos enfrentamos cuando probamos la velocidad de nuestras páginas web en GTmetrix es «add Expires headers».

Como probablemente puede ver por el nombre de este error, debe aumentar el tiempo que sus archivos (como imágenes, HTML, CSS y JavaScript) permanecen en la caché de su sitio web.

El almacenamiento en caché tiene un impacto directo en la velocidad del sitio y la velocidad del sitio es un factor importante de SEO.

Cuando un usuario entra en su sitio web descargará automáticamente algunos archivos.

Cada uno de estos archivos tiene una fecha de caducidad y permanecen durante cierto tiempo en su caché.

Cuando el tiempo sea demasiado bajo, se encontrará con el error «add expires headers» (añadir encabezados de expiración).

A continuación se explica cómo añadir encabezados de caducidad al archivo.htaccess.

¿Qué es o qué significa «Add Expires Header»?

Cuando un usuario visita un sitio web, el navegador carga automáticamente los archivos y los guarda en la memoria.

Así, cuando el usuario decide consultar otras páginas web del mismo sitio web, no hay necesidad de recargar todos los archivos.

Las cabeceras caducadas dan el comando a su navegador para descargar y almacenar estos archivos.

La razón detrás de esto es reducir el envío y recepción entre su ordenador y el servidor (sitio web) y utilizar los datos almacenados en su caché.

Esta es la razón por la que cuando usted entra en un nuevo sitio web, se tarda un poco más en cargar en comparación con la 2ª y 3ª vez que se carga el sitio web.

Una página web contiene diferentes archivos como HTML, CSS, JavaScripts, Gráficos, Imágenes, PDF y otros archivos y a menudo el número de estos archivos llega hasta 25.

Cada vez que un nuevo usuario entra en su sitio web, todos estos archivos se solicitan a su servidor.

Cada solicitud lleva su tiempo.

Pero cuando los archivos se almacenan en la memoria, el número de peticiones disminuye automáticamente.

Su sitio web se cargará más rápido y el ancho de banda del usuario no se desperdiciará.

Pero la pregunta es, ¿cuánto tiempo deben permanecer los datos en la caché del navegador? Para evitar que los usuarios vuelvan a descargar archivos compartidos entre páginas, debe definirse una fecha de caducidad para ellos.

La fecha definida indica a los navegadores qué archivo solicitar al servidor y qué archivo solicitar a la caché.

¿Qué archivos se guardan en la caché?

En primer lugar, debe identificar qué archivos actualiza con frecuencia y cuáles no.

Aquí hay una lista de dichos archivos:

• Jpg, jpeg, gif y png
• Favicon/ico
• Javascript
• FSC
• PDF
• Flash de ondas de choque

Ahora debe seleccionar los archivos que desea actualizar regularmente.

La mayoría de las imágenes seguirán siendo las mismas en los sitios web, favicon también puede seguir siendo el mismo, javascript y CSS pueden sufrir algunos cambios.

Ahora es el momento de añadir encabezados de expiración al archivo.htaccess para evitar obtener el error «add expires headers» (añadir encabezados de expiración).

Cómo añadir Expire Headers manualmente en el archivo .htaccess de WordPress

Para añadir encabezados de expiración a WordPress sin plugin, necesita usar el archivo.htaccess.

.htaccess es a menudo un archivo oculto que se encuentra en su directorio raíz.

Antes de hacer cualquier cambio, asegúrese de tener una copia adicional.

Ahora ve a la raíz de tu sitio web y descarga tu archivo.htaccess, si este archivo está oculto para ti, es posible que tengas que usar FTP para habilitar la opción «Mostrar archivos ocultos».

Una vez que haya descargado el archivo, abra su .htaccess en cualquier editor  y añada el siguiente código:

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

Primero, necesitamos habilitar el archivo «expirations».

Luego añadiremos una línea diferente para los diferentes archivos.

Ahora vuelva al código y cambie la fecha como le convenga a su sitio web.

Por defecto, hemos establecido este tiempo para que sus archivos se almacenen en la caché del navegador en 1 mes, 1 año y 2 días.

Al cabo de un mes, si el usuario vuelve a visitar su sitio web, su navegador le solicitará estos archivos.

Después de hacer sus cambios al archivo htaccess, asegúrese de guardarlo y subirlo de nuevo a la raíz en el panel de control con el proveedor que tenga contratado el Hosting.

¿Qué tiempo poner al configurar add expire headers en WordPress?

La duración de la caché se puede establecer en años, meses, semanas, días, horas e incluso segundos.

Su fecha de vencimiento no debería ser poco realista.

La fecha de caducidad de cada archivo debe establecerse en función de la cantidad de tiempo que se esté utilizando/solicitando.

Si planea almacenar sus archivos en la caché de su navegador durante más de un año, le recomendamos que optimice su navegador.

La fecha de caducidad de las imágenes se puede establecer en un año, ya que no son fáciles de cambiar y tardan más tiempo en cargarse.

HTML, CSS y JavaScript necesitan actualizaciones regulares, por lo que recomendamos establecer su fecha de caducidad en un mes.