¿Quieres aprender a agregar encabezados de vencimiento en WordPress?
Los encabezados de caducidad son reglas que permiten a los navegadores web saber si deben cargar un recurso de la 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 vencimiento en WordPress.
¿Cómo se usan los encabezados de vencimiento 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 pregunte, ¿cómo saben los navegadores qué archivos guardar y cuánto tiempo conservarlos?
Ahí es donde entran los encabezados de vencimiento.
Las reglas sobre qué archivos guardar y cuánto tiempo se deben guardar se establecen mediante caduca encabezados o encabezados de control de caché. En este artículo, nos centraremos en los encabezados de vencimiento porque son más fáciles de configurar para la mayoría de los usuarios.
Los encabezados Expires establecen una fecha de vencimiento para cada tipo de archivo almacenado en la memoria 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 vencimiento utilizando dos métodos diferentes. El primer método es más fácil y recomendado para la mayoría de los usuarios. Puede hacer clic en los enlaces a continuación para saltar a su sección preferida:
Videotutorial
Si prefiere instrucciones escritas, siga leyendo.
Método 1: agregar encabezados de vencimiento con el complemento de WordPress WP Rocket
WP Rocket es el complemento de almacenamiento en caché de WordPress más amigable para principiantes en el mercado. Una vez habilitado, funciona de inmediato para acelerar su sitio sin tener que meterse con ajustes de configuración complicados 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.
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 usar 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 de vencimiento, ya que no los habilita automáticamente.
Método 2: agregue encabezados de vencimiento en WordPress usando código
El segundo método para agregar encabezados de vencimiento 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 tu 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 hacer una copia de seguridad y restaurar su sitio de WordPress.
Dicho esto, echemos un vistazo a cómo agregar encabezados de vencimiento agregando código a WordPress.
Determine si su sitio web ejecuta Apache o Nginx
Primero, debe averiguar si su sitio web utiliza servidores Apache o Nginx. Para hacer esto, navegue 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 vencimiento 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 host. Encontrarás 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 vencimiento 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 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 generalmente permanecen iguales.
Cómo agregar encabezados de caducidad en Nginx
Si está utilizando un servidor Nginx para alojar su blog de WordPress, debe editar el archivo de configuración del servidor para agregar encabezados de vencimiento.
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 vencimiento:
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é durante más tiempo que HTML, CSS, JS y otros tipos de archivos, ya que las imágenes generalmente permanecen iguales.
Esperamos que este tutorial lo haya ayudado a aprender cómo agregar encabezados de vencimiento en WordPress. También es posible que 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.
.