Optimizar Add Expires Headers en Google Cloud

0

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.

acceso a ssh
Accedemos a nuestra consola mediante SSH

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

Abrir la consola de búsqueda
Abrimos la opción de búsqueda

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.

localizamos el mod expires
Localizamos el módulo “mod_expires”

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.

Añadimos los tiempos de expiración
Añadimos los 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.

gtmetrix ok
Resultados en GTmetrix

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

Dejar respuesta

Por favor escribe tu comentario
Nombre