Existe un pequeño ajuste a nivel de servidor que nos permitirá mejorar la velocidad de carga de tu sitio web de forma simple y eficiente. Este ajuste es la compresión GZIP, la cual permite comprimir los datos que se envían desde el server hacia el punto final de acceso del usuario logrando un menor flujo de datos y más liviano lo que se traduce en una mejora de velocidad del sitio.

Este ajuste varía según el tipo de servidor que tienes, en este artículo te menciono 3 casos: CPANEL, Nginx y Apache.


Compresión Gzip en CPANEL

Ingresa a tu CPANEL.

Busca la opción “Optimize Website”

Una vez dentro dale a “Compress All Content” y guarda.


Compresión Gzip en Nginx

Ingresa a tu server vía SSH.

Debes editar el archivo de configuración de nginx 

sudo nano /etc/nginx/nginx.conf

Busca la sección de configuración gzip, que se ve así:

. . .
##
# `gzip` Settings
#
#
gzip on;
gzip_disable "msie6";

# gzip_vary on;
# gzip_proxied any;
# gzip_comp_level 6;
# gzip_buffers 16 8k;
# gzip_http_version 1.1;
# gzip_types text/plain text/css application/json application/x-javascript text/xml application/xml application/xml+rss text/javascript;
. . .

Debes descomentar (quitar el símbolo “#”) todas las directivas de gzip.

Agrega una nueva línea con gzip_min_length 256; directiva, que le dice a Nginx que no comprima archivos menores de 256 bytes, dado que no hay un beneficio notorio en archivos pequeños.

Agrega en la directiva gzip_types todos los tipos de archivos que quieras que sean comprimidos.

Después de aplicar los cambios, debería verse así:

. . .
##
# `gzip` Settings
#
#
gzip on;
gzip_disable "msie6";

gzip_vary on;
gzip_proxied any;
gzip_comp_level 6;
gzip_buffers 16 8k;
gzip_http_version 1.1;
gzip_min_length 256;
gzip_types
  application/atom+xml
  application/geo+json
  application/javascript
  application/x-javascript
  application/json
  application/ld+json
  application/manifest+json
  application/rdf+xml
  application/rss+xml
  application/xhtml+xml
  application/xml
  font/eot
  font/otf
  font/ttf
  image/svg+xml
  text/css
  text/javascript
  text/plain
  text/xml;
. . .

Guarda y cierra el archivo para salir.

Para que se apliquen los cambios debes reiniciar nginx con este comando:

sudo service nginx restart sudo systemctl restart nginx


Compresión Gzip en Apache

Ingresa a tu server vía SSH.

Debes editar el archivo de configuración de apache:

  • En distribuciones Debian, Ubuntu y alternativas, ubicamos el archivo en: /etc/apache2/apache2.conf
  • En distribuciones Red Hat, y alternativas lo solemos encontrar en: /etc/httpd/conf/httpd.conf

Añade lo siguiente:

<IfModule mod_deflate.c>
  # Compress HTML, CSS, JavaScript, Text, XML and fonts
  AddOutputFilterByType DEFLATE application/javascript
  AddOutputFilterByType DEFLATE application/rss+xml
  AddOutputFilterByType DEFLATE application/vnd.ms-fontobject
  AddOutputFilterByType DEFLATE application/x-font
  AddOutputFilterByType DEFLATE application/x-font-opentype
  AddOutputFilterByType DEFLATE application/x-font-otf
  AddOutputFilterByType DEFLATE application/x-font-truetype
  AddOutputFilterByType DEFLATE application/x-font-ttf
  AddOutputFilterByType DEFLATE application/x-javascript
  AddOutputFilterByType DEFLATE application/xhtml+xml
  AddOutputFilterByType DEFLATE application/xml
  AddOutputFilterByType DEFLATE font/opentype
  AddOutputFilterByType DEFLATE font/otf
  AddOutputFilterByType DEFLATE font/ttf
  AddOutputFilterByType DEFLATE image/svg+xml
  AddOutputFilterByType DEFLATE image/x-icon
  AddOutputFilterByType DEFLATE text/css
  AddOutputFilterByType DEFLATE text/html
  AddOutputFilterByType DEFLATE text/javascript
  AddOutputFilterByType DEFLATE text/plain
  AddOutputFilterByType DEFLATE text/xml  

  # Remove browser bugs (only needed for ancient browsers)
  BrowserMatch ^Mozilla/4 gzip-only-text/html
  BrowserMatch ^Mozilla/4\.0[678] no-gzip
  BrowserMatch \bMSIE !no-gzip !gzip-only-text/html
  Header append Vary User-Agent
</IfModule>

Guarda y cierra el archivo para salir.

Para que se apliquen los cambios debes reiniciar apache con este comando:

sudo service apache2 restart


Pruebas

Si quieres probar que este funcionado puedes acceder a https://www.giftofspeed.com/gzip-test/ y podrás corroborar que la compresión Gzip quedó aplicada.

Espero que este artículo sea de gran ayuda para ti. Saludos!

Si tienes un proyecto en mente o quieres probarnos como Partner de Desarrollo, contáctanos y sin compromiso te entregaremos un diágnostico gratuito.