Optimizar Add Expires Headers en Google Cloud

Si tenemos lista nuestra instalación de WordPress by Bitnami en Google Cloud, el siguiente paso será optimizar los Add Expires Headers, conocidos en cristiano cómo caché de navegador.

Programas de análisis web cómo Page Speed de Google o GTmetrix nos darán error en estas métricas, pero que no ¡¡"punda el cánico"!! Solucionarlo es mucho más sencillo de lo que parece.

Accedemos a nuestra máquina virtual

Para ello accedemos a nuestra consola de Google Cloud y en ella a nuestra máquina virtual. verás un pequeño botón al a derecha donde pone "SSH", es ahí donde debemos hacer click para que se abra una nueva consola de comandos.

Habilitamos el módulo Expires

Una vez estemos en nuestra consola SSH simplemente debemos activar el módulo encargado de los "Expires", que por defecto viene desactivado (gran cagada por parte de Bitnammi que es quien ha compilado esta instalación de WP).

Para ello, insertamos el siguiente código y le damos a la tecla "Enter":

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

Con este código abriremos el archivo "httpd.conf", dentro de el debemos hacer click en la parte derecha superior, donde sale el icono de un teclado. Y en el desplegable que se abrirá, seleccionaremos "Ctrll + W".

AL hacer click sobre "Ctrl+W" se abrirá una discreta barra en la parte inferior, donde debemos escribir "expires" para poder detectar la línea donde se encuentra.

El siguiente paso, una vez localizada la línea en cuestión, es eliminar la almohadilla (#) que hay delante de esa línea, con la ayuda de los cursores y de la tecla "Delete" lo haremos en un segundo.

Para guardar y salir simplemente debemos pulsar "Control + X", después pulsamos "Y" y luego le damos a "Enter".

Añadimos los Expires Header

Ya queda poco y además, esto es muy sencillo. Debemos añadir los tiempos de expiración de la caché de determinados archivos, para ello simplemente debemos insertar el siguiente código en la consola SSH:

sudo nano /opt/bitnami/apps/wordpress/conf/httpd-app.conf

Con esto abriremos el archivo "httpd-app.conf" donde podremos configurar dichos tiempos de expiración.

Dentro del archivo en cuestión, busca la línea que dice "</IfVersion>" y justo debajo pega el siguiente código (te recomiendo usar Control + V para copiar y Control + C para pegar).

<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>

Y una vez pegado el código, salimos con "Control + X", luego "Y" y por último le damos al a tecla "Enter". Con esto se guardan los cambios y salimos del archivo.

Resetamos el servidor Apache

Esto de Apache suena un poco indio ¿no? que sería de nosotros sin el... jeje. Bueno, para que todos los cambios queden funcionando debemos resetear nuestro servidor Apache (resetear es apagar y encender, para los más despistados).

Para ello insertamos el siguiente código en nuestra consola SSH:

sudo /opt/bitnami/ctlscript.sh restart

Veremos cómo se resetea en menos de un minuto y listo, ya tenemos nuestros Expires Headers añadidos y lo más importante, funcionando.

¿Alguna duda? Puedes invitarme a una caña y lo hablamos o dejar un comentario.