En esta guía vamos a explicar como activar la compresión de ciertos contenidos estáticos de tu sitio web, de forma que los mencionados contenidos ocupen un menor tamaño y se reduzca el tiempo necesario para descargar la página.
Al activar la comprensión GZIP notarás que tu web carga un poquito más rápido y además ahorrarás ancho de banda, todo ventajas.
Para seguir esta guía necesitas tener un servidor web Apache con el módulo mod_deflate activado, este es el caso de nuestros servidores de hosting, por lo que si tienes un plan de hosting o revendedor contratado con nosotros podrás seguir las indicaciones de esta guía.
Activar la compresión GZIP de archivos CSS, Javascript, XML, HTML, etc. es tan fácil como añadir lo siguiente al archivo .htaccess ubicado en el directorio raíz de tu web:
<IfModule mod_filter.c> AddOutputFilterByType DEFLATE application/atom+xml application/javascript application/json application/rss+xml application/xhtml+xml application/xml image/svg+xml image/x-icon text/css text/html text/plain text/x-component text/xml </IfModule>
En caso de que tengas un plan de hosting o revendedor con nosotros, el archivo .htaccess debe estar ubicado en public_html/.htaccess.
interesante el post
Muchas gracias por este post,esto vale también para prestashop? solo hay que pegar este código en el htacces y ya esta?
Hola Alba
Sirve para cualquier aplicación, prestashop incluido.
Un saludo,
Cuanto se demora uno en saber si ya funciona el GZIP ? 🙂 Gracias
Puedes comprobarlo en la siguiente web: http://www.gidnetwork.com/tools/gzip-test.php
Un saludo!
Buenas, tengo un sitio en html en un servidor apache y puse el código que dijiste y lo probé en la página que recomendaste pero me dice "Web page compressed? = NO". Alguna ayuda? Gracias!!
Hola
El módulo mod_deflate de Apache debe estar instalado y cargado. Seguramente no lo tienes cargado. Revísalo.
Un saludo
Como hago para cargar el modulo deflate desde el .htaccess??
Las herramientas de google page insights me dicen que habilite la compresión.
La he habilitado siguiendo el tutorial pero el servicio que pones mas abajo en uno de los comentarios para comprobar si funciona la compresión me da como resultado que la compresión no está habilitada.
¿alguna idea de que puede ocurrir? tengo que tocar algo mas aparte de añadir esas lineas en el .htaccess
Hola David. Veo que ya te han respondido desde soporte, creo que no puedo aportar mucho más 😉
Hola. NO tengu muy claro si la compresión zip se puede habilitar con el plugin "W3 Total Cache".
Pensaba que se podía habilitar desde allí, pero he editado el .htaccess y ahora me carga algo más rápido.
Alguien me puede aclarar mi duda.
Muchas gracias por compartir el conocimiento.
Finalmente descubrí dónde está la compresión gzip a través del plugin "W3 Super Cache".
Performance-> Browser Cache-> General-> Enable HTTP (gzip) compression
Saludos!
Estaba buscando esta solucion por varias paginas, gracias, me sirvió de mucha ayuda.
Buenas tardes,
en el HTACCESS ya esta incluido el código:
AddOutputFilterByType DEFLATE text/html text/css text/javascript application/javascript application/x-javascript font/ttf application/x-font-ttf font/otf application/x-font-otf font/opentype
Y tengo que reemplazarlo con el código que usted comenta? aun que parecen iguales y que el prestasho genera automaticamente estas reglas en el htaccess.
Gracias.
Saludos.
Amigo y si el servidor web es NGINX tambien sirve? porque con la carpeta htaccess tengo entendido es para el servidor web apache
Hola Harold
No, no sirve para Nginx.
Con Nginx es bastante fácil también:
http://nginx.org/en/docs/http/ngx_http_gzip_module.html
Un saludo
Muy buen post, recomendado! me ayudaste mucho brother 🙂
[…] sitio. Los sitios que cargan rápido tienen mejor ranking. Prueba tu sitio aquí. Usa page caching, compresión y un servidor cloud para […]
De gran ayuda para la compresión web http 🙂