• iborra
    borde slide
    DESCUBRE A TRAVÉS DE
    borde slide
    NUESTRO BLOG
    Artículos de interés sobre diseño web

Habilitar la compresión Gzip para optimizar la web

compresion gzip

Para conseguir una mayor velocidad de carga en una página web, debemos utilizar la compresión Gzip.

Esta compresión consiste en enviar el código de nuestra página web comprimido para que pese menos, acelerando la carga de nuestros archivos y facilitando la trasmisión de datos.

Las ventajas de poder realizar la compresión Gzip son numerosas, como mejor velocidad de carga, mejora nuestro posicionamiento SEO, los archivos consumen menos banda ancha, la trasferencia de datos se reduce y es compatible en todos los navegadores actuales.

Si vuestra página web no tiene habilitada la compresión Gzip, os explicamos dos maneras muy sencillas para implementarlo, a nadie le gusta tener un sitio web lento.

Habilitar la compresión por Gzip a través del archivo .htaccess

Primero, abrimos nuestro archivo .htaccess, si no lo tenemos lo creamos. Dentro del archivo tenemos que poner el siguiente código:

<ifmodule mod_deflate.c>
AddOutputFilterByType DEFLATE text/text text/html text/plain text/xml text/css application/x-javascript application/javascript
</ifmodule>

En nuestra página web, tenemos puesto el siguiente código en vez del anterior, podéis poner cualquiera de los dos, es un poco más completo el siguiente:

# COMPRESION AUTOMATICA DE LOS RECURSOS ESTATICOS DE LA PAGINA

<ifmodule mod_mime.c>

AddType font/opentype .otf

AddType font/eot .eot

AddType font/truetype .ttf

</ifmodule>

<ifmodule mod_deflate.c>

AddOutputFilterByType DEFLATE text/xml

AddOutputFilterByType DEFLATE text/html

AddOutputFilterByType DEFLATE text/plain 

AddOutputFilterByType DEFLATE text/css

AddOutputFilterByType DEFLATE text/javascript

AddOutputFilterByType DEFLATE application/javascript

AddOutputFilterByType DEFLATE application/x-javascript

AddOutputFilterByType DEFLATE application/xml

AddOutputFilterByType DEFLATE application/xhtml+xml

AddOutputFilterByType DEFLATE application/rss+xml

AddOutputFilterByType DEFLATE font/truetype

AddOutputFilterByType DEFLATE font/opentype

AddOutputFilterByType DEFLATE font/eot

</ifmodule>

Para probar los resultados tras los cambios realizados, podéis utilizar el Gzip Test, introduciendo la dirección de vuestro sitio y ver si la compresión esta habilitada. Hacer la prueba antes y después de realizar los cambios.

Habilitar la compresión por Gzip usando las opciones de Wordpress

Esta forma de realizarlo es sólo para usuarios, lógicamente, de Wordpress. En caso de que no os funcione siempre podéis utilizar la forma que hemos explicado anteriormente.

Lo que tenéis que hacer, es entrar a vuestra administración de Wordpress y veréis que en la barra de direcciones queda de la siguiente manera:

http://www.tusitioweb.com/wp-admin/

Copiamos la siguiente URL y la pegamos en la barra de direcciones:

http://www.tusitioweb.com/wp-admin/options.php

Buscamos la palabra Gzip o gzipcompression. Una vez encontrado, veremos que ese campo tiene un valor 0, tendremos que cambiarlo por 1. Guardar los cambios y ver si se mantiene el valor en 1 y si funciona.

Una opción, que no utilizaría, sería hacerlo a través de un plugin, si os interesa, podéis probar el plugin WP Fastest Cache. Más que nada, por no sobrecargar el Wordpress de plugins.

La compresión por Gzip es una de las posibilidades más importantes para ir optimizando un sitio web, para buscar un mejor desempeño en la carga de las páginas. También os puede interesar este post donde hablamos de Minificar CSS, JavaScript y HTML.

Bien sencillo de habilitar, espero que os sirva este tutorial.

Comenta y comparte este post!

¿Tienes alguna sugerencia, idea, consejo, duda, pregunta, agradecimiento, encuentras algún error o este post no está actualizado? Entonces esperamos tu comentario.

También puedes recomendar y compartir este post. Estamos muy agradecidos por tu apoyo!

Comentarios (4)

  • foto hombre
    Gustavo Responder

    Cómo se ve el código fuente de un sitio comprimido con gzip? se modifica en algo cuando lo vemos con botón derecho/ver código fuente?

    08 de Agosto a las 15:24h
    • foto blog
      Paco (Iborra Web Design) Responder

      Hola Gustavo,

      Debería verse de forma normal, sin ningún cambio. Las páginas y su contenido no se alteran por la compresión Gzip. Otra cosa diferente es minificar los archivos, que consiste en comprimir las líneas de código de un archivo en una sola línea.

      Un saludo.

      08 de Agosto a las 16:58h
  • foto
    Jean Roger Responder

    Es una excelente y comprobada manera de acelerar el tiempo de carga de una web.

    Saludos!

    08 de Agosto a las 17:55h
    • foto blog
      Paco (Iborra Web Design) Responder

      Hola Jean Roger,

      Así es, me alegro que te sirva. Gracias por comentar.

      Saludos.

      08 de Agosto a las 21:08h

Deja un comentario

Este blog se nutre de los comentarios de los visitantes! Así que vamos, únete a nosotros!

Por favor esperamos que entiendas que se eliminarán aquellos comentarios que no tengan nada que ver con el contenido de este post o siempre que se utilicen palabras ofensivas.

COMENTARIO PARA ESTE POST

Imagen mínimo: 300x300 - Formato: jpg o png - Tamaño máximo: 10Mb

CAPTCHA code