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 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 se estará 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 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 fácil 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
Método 1: agregar encabezados de caducidad con el complemento de WordPress WP Rocket
WP Rocket es el almacenamiento en caché de WordPress más amigable para principiantes plugin en el mercado. Una vez habilitado, funciona inmediatamente para acelerar su sitio sin tener que meterse con configuraciones complicadas como muchas otras memorias caché plugins.
WP Rocket es una prima plugin, pero la mejor parte es que todas las funciones están incluidas en su plan más bajo.
Lo primero que debe hacer es instalar y activar WP Rocket plugin. Para obtener más detalles, consulte nuestra guía paso a paso sobre cómo instalar un WordPress. plugin.
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 plugin, luego consulte nuestra guía sobre cómo instalar y configurar correctamente WP Rocket en WordPress.
Si prefiere utilizar un almacenamiento en caché gratuito plugin 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’.
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.
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’.
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
Para agregar encabezados de caducidad a un servidor Apache, debe agregar código a su .htaccess expediente.
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. Encontraras tu .htaccess archivo en la carpeta raíz de su sitio web.
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 .htaccess archivo para agregar encabezados 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 ##
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 en que edita y accede 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 caducidad 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 de WordPress definitiva 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 . También puedes encontrarnos en Twitter y Facebook.
Cómo agregar encabezados expirados en WordPress (2 métodos) .
Fuente: wpbeginner