Agregar Expires Headers WordPress Bitnami

En este tutorial aprenderemos c贸mo agregar r谩pidamente Add Expire Headers a nuestra instalaci贸n de WordPress Bitnami para contar con directrices claras de Cache-control y mejorar el rendimiento de nuestro sitio web.

Expires Headers son reglas con las que le indicamos a el navegador cu谩nto tiempo debe mantener los archivos en cach茅 de nuestro sitio web.

La configuraci贸n de Expires Headers y Control de Cach茅 permite que nuestro sitio web almacene contenido est谩tico en cach茅, lo que mejora el rendimiento de nuestro proyecto y reduce los tiempos de carga para los visitantes.

Agregar encabezados de control de cach茅 y su caducidad es una excelente manera de mejorar la experiencia del usuario al reducir el tiempo de carga de nuestro sitio web.

Antes de comenzar con este tutorial, ya deber铆as tener instalado WordPress Bitnami, si aun no cuentas con la instalaci贸n del stack de WordPress Bitnami en Google Cloud te recomendamos ver el tutorial de C贸mo Instalar WordPress en Google Cloud version Bitnami.

Nota: Este tutorial sirve tambi茅n para la instalaciones del stack WordPress Bitnami (LAMP) en Amazon AWS y Microsoft Azure.

Comprobar Expires Headers Test Performance

El primer paso es comprobar los encabezados existentes y su reglas de caducidad en nuestro sitio web.

Para verificar los Expires Headers de nuestro sitio web ejecutaremos una prueba de rendimiento inicial de nuestro dominio o IP en GTMetrix.com.

Si despu茅s de ejecutar el test performance de nuestro dominio o IP en GTMetrix.com recibimos una calificaci贸n de F en la secci贸n de Add Expires Headers, esto nos indica que nuestro servidor no cuenta Expires/Cache-Control Headers configurados o habilitados correctamente.

Comprobar Expires Headers Test Performance
Comprobar Expires Headers Test Performance

Configurar Expires Headers WordPress Bitnami en Google Cloud

Ahora vamos a configurar los Expires Headers en nuestra instalaci贸n de WordPress Bitnami en Google Cloud Platform.

Conectarnos SSH Google Cloud

Para esto vamos ingresar a nuestra consola de Google Cloud y en Compute Engine > VM Instances > vamos a dar clic en el bot贸n de SSH para conectarnos a maquina virtual en la que tenemos nuestra instalaci贸n de WordPress.

Conectarnos SSH Google Cloud Configurar Expires Headers

Habilitar M贸dulo Expires

Despu茅s de conectarnos a nuestra VM Instance (Maquina Virtual) a vamos a correr los siguientes comandos:

Para ingresar como root.

sudo -i

Para abrir el archivo de configuraci贸n de Apache en nuestro servidor.

sudo nano /opt/bitnami/apache2/conf/httpd.conf
Archivo Configuraci贸n Servidor Apache WordPress Bitnami
Archivo Configuraci贸n Servidor Apache WordPress Bitnami

Una vez abierto nuestro archivo para configurar el servidor Apache vamos a dar clic sobre el icono de teclado en la parte superior derecha y vamos a seleccionar el comando Ctrl + W para buscar dentro del archivo.

Como buscar Expire Modulo Archivo Configuraci贸n Apache
Como buscar Expire Modulo Archivo Configuraci贸n Apache

Despu茅s que se abra el campo de buscar vamos escribir expires y vamos a dar Enter para buscar.

Buscar Expires Modulo
Buscar Expires Modulo

Ahora vamos a remover el s铆mbolo # del expire_module con el objetivo de activarlo, despu茅s pulsamos Ctrl + X, y luego Y, para guardar y salir del archivo.

Activar Expire Module
Activar Expire Module

Add Expires Headers

Ahora vamos ingresar el siguiente comando para abrir el Archivo de Configuraci贸n de la Aplicaci贸n del Servidor Apache.

sudo nano /opt/bitnami/apps/wordpress/conf/httpd-app.conf
Archivo de Configuraci贸n de la Aplicaci贸n del Servidor Apache
Archivo de Configuraci贸n de la Aplicaci贸n del Servidor Apache

Despu茅s de abrir el archivo vamos a copiar el las siguientes lineas en el lugar que se muestra en la siguiente imagen:

C贸digo Configurar Expires Headers Servidor Apache
C贸digo Configurar Expires Headers Servidor Apache
<filesMatch ".(ico|pdf|flv|jpg|jpeg|png|gif|js|css|swf)$">
Header set Cache-Control "max-age=2592000, public"
</filesMatch>

<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 text/css "access 1 month"
ExpiresByType application/pdf "access 1 month"
ExpiresByType text/x-javascript "access 1 month"
ExpiresByType application/x-shockwave-flash "access 1 month"
ExpiresByType image/x-icon "access 1 year"
ExpiresDefault "access 2 days"
</IfModule>
Curso WordPress Google Cloud

Reiniciar Servidor Apache

Por ultimo reiniciaremos nuestro servidor Apache para que los cambios tomen efecto, mediante el siguiente comando.

sudo /opt/bitnami/ctlscript.sh restart
Reiniciar Servidor Apache
Reiniciar Servidor Apache

Resultado Test Performance Final

Ahora que hemos configurado correctamente nuestro Expires Headers en nuestro Servidor Apache, procederemos a comprobar que efectivamente se refleje en la prueba de GTMetrix.com.

Ingresaremos nuestro dominio o IP para generar el reporte, una vez generado daremos clic sobre la pesta帽a de YSlow y verificaremos la secci贸n de Add Expires Headers.

Resultado Final Test Performance
Resultado Final Test Performance

Corregir posibles errores del Modulo PageSpeed

Cuando habilitamos los Add Expires Headers en el stack de WordPress Bitnami en Google Cloud, podemos experimentar algunos problemas con el Modulo PageSpeed, lo que puede causar que nuestro sitio web no se vea correctamente.

Para solucionar este problema debemos ingresar nuevamente a nuestro Archivo de configuraci贸n de Apache en nuestro servidor mediante el siguiente comando.

sudo nano /opt/bitnami/apache2/conf/httpd.conf

Una vez abierto el archivo vamos habilitar la funci贸n de buscar mediante Ctrl + W, cuando se habilite el campo de b煤squeda escribiremos pagespeed y daremos Enter, una vez encontremos el modulo debes colocar un s铆mbolo de # en las dos lineas que se muestran en la imagen a continuaci贸n, para deshabilitar el modulo y luego daremos Ctrl + X, luego Y, para salir y guardar los cambios.

Deshabilitar mod_pagespeed
Deshabilitar mod_pagespeed

Ahora vamos a borrar la cache del mod_pagespeed mediante el siguiente comando:

sudo touch /opt/bitnami/apache2/var/cache/mod_pagespeed/cache.flush

Tenemos que reiniciar nuestro servidor Apache para que los cambios tomen efecto mediante el siguiente comando.

sudo /opt/bitnami/ctlscript.sh restart

Si tienen preguntas sobre como agregar Add Expires Headers en WordPress Bitnami o preguntas generales sobre Google Cloud Platform, d茅janos un comentario.

Si te ha gustado este tutorial recuerda suscribirte a nuestro canal de YouTube, y compartir este art铆culo en redes sociales.

Escribir un comentario