Agencia Marketing Digital Web Studio Posicionamiento Global SEO

Como resolver el leverage browser caching nginx google cloud wordpress

Leverage browser caching nginx google cloud wordpress bitnami

Leverage browser caching gtmetrix nginx google cloud wordpress bitnami

Al realizar un test de velocidad web en gtmetrix, google speed web, pingdon etc..  nos enfrentamos generalmente al problema de cache en el navegador, por lo tanto la siguiente optimización será para un sitio web hosting en la nube de google con las siguientes características:

wordpress
nginx
bitnami
google cloud
server debian

Aprovechando el almacenamiento en caché del navegador

Vamos a resolver una parte, ya que existen scripts de terceros como los google analytics o pixeles de facebook, tracks de bing etc.. Los cuales no se definen en nuestro sitio web sino en carga de script de terceros. (esto también se puede resolver haciendo nuestro propio cache lo veremos en otra entrada) por hoy vamos a concentrarnos en caché de todo lo que se encuentra dentro de nuestra web.

1.- Vamos a nuestra consola ssh desde google cloud, recordamos corre comando con sudo su para obtener permisos efectivos.

sudo su

2.- Vamos a la carpeta
[email protected]: /etc# cd /opt/bitnami/nginx/conf/

[email protected]: opt/bitnami/nginx/conf# cd bitnami

[email protected]: opt/bitnami/nginx/conf/bitnami# ls

bitnami-apps-prefix.conf bitnami-apps-vhosts.conf bitnami.conf bitnami.conf.back
phpfastcgi.conf

3.- Editamos usando nano
[email protected]: /opt/bitnami/nginx/conf/bitnami# nano bitnami.conf

4.- Agregamos las siguientes líneas

location ~* \.(png|jpg|jpeg|gif)$ {
expires 365d;
add_header Cache-Control «public, no-transform»;
}

location ~* \.(js|css|pdf|html|swf)$ {
expires 30d;
add_header Cache-Control «public, no-transform»;
}

Leverage browser caching nginx gcp wordpress

Leverage browser caching nginx google cloud wordpress

5.- Para guardar, recuerda CTRL +X seleccionar Yes

6.- Hacemos un restart de nuestro nginx

[email protected]:/opt/bitnami/nginx/conf/bitnami# sudo /opt/bitnami/ctlscript.sh restart nginx
Unmonitored nginx
/opt/bitnami/nginx/scripts/ctl.sh : Nginx stopped
/opt/bitnami/nginx/scripts/ctl.sh : Nginx started
Monitored nginx

7.- Revisamos cambios guardados
[email protected]: /opt/bitnami/nginx/conf/bitnami# nano bitnami.conf

Ahora si vamos nuevamente a revisar qué cambios positivos obtenemos en el performance de nuestro sitio web y oh sorpresa.

gtmetrix a Leverage browser caching nginx google cloud wordpress

gtmetrix a Leverage browser caching nginx google cloud wordpress

uhhh lalá chulada !!