Compressió Gzip i Brotli a la teva web d'empresa: què és, com activar-la i accelerar la càrrega sense canviar el disseny

La teva web ja té imatges optimitzades, caché del navegador i potser un CDN. Però si no has activat la compressió Gzip o Brotli, continues enviant HTML, CSS i JavaScript sense comprimir: més pes, més temps de descàrrega i pitjor experiència en mòbil.

La compressió redueix la mida dels fitxers de text abans que surtin del servidor. El navegador els descomprimeix automàticament i el visitant no nota res, excepte que la pàgina carrega més ràpid. En aquesta guia repassem què són Gzip i Brotli, quan convé cadascun, com activar-los als hostings més habituals i què comprovar per no trencar res.

Què és la compressió Gzip i Brotli en una web d'empresa

Cada vegada que algú visita la teva web, el servidor envia fitxers de text: HTML de la pàgina, fulls d'estil CSS, scripts JavaScript, fonts i de vegades JSON o XML. Sense compressió, aquests fitxers viatgen tal qual. Amb Gzip o Brotli, el servidor els comprime abans d'enviar-los i afegeix una capçalera HTTP (Content-Encoding) que indica al navegador com descomprimir-los.

• Gzip és l'estàndard des de fa anys. Compatible amb pràcticament tots els navegadors i servidors.
• Brotli ofereix millor ràtio de compressió (fins a un 20-25 % menys pes que Gzip en textos). Els navegadors moderns el suporten; en llocs amb tràfic actual és l'opció preferida.
• No substitueix altres optimitzacions: comprimir un CSS de 800 KB segueix sent pitjor que un CSS de 80 KB ben minificat.
• Complementa l'SSL: HTTPS xifra la connexió; la compressió redueix el volum de dades que viatgen per aquesta connexió.

En conjunt amb els Core Web Vitals i una bona estratègia de caché, la compressió és una de les millores de rendiment amb millor relació esforç/resultat.

Senyals que la teva web necessita activar compressió

• PageSpeed Insights o GTmetrix marquen "Enable text compression" o "Comprimir recursos amb gzip".
• En les DevTools del navegador (pestanya Network), els fitxers CSS o JS no mostren content-encoding: gzip ni br.
• La web triga més de 3 segons en mòbil tot i tenir imatges optimitzades.
• L'hosting és compartit o antic i mai has revisat la configuració del servidor.
• Després de migrar d'hosting, deixaren d'aplicar-se regles de compressió del proveïdor anterior.
• Utilitzes WordPress o un CMS amb molts plugins i l'HTML generat pesa centenars de KB.

Quins fitxers has de comprimir (i quins no)

La compressió funciona bé amb contingut de text repetitiu. Prioritza:

• HTML de pàgines, plantilles i respostes dinàmiques.
• CSS i JavaScript (inclosos bundles de frameworks).
• JSON, feeds XML, sitemaps i fitxers SVG en text.
• Fonts web en formats WOFF/WOFF2.

No comprimis fitxers que ja estan comprimits: JPEG, PNG, WebP, AVIF, GIF, MP4, WebM, PDF o ZIP. Si les imatges pesen massa, la solució és l'optimització d'imatges, no Gzip.

Com activar Gzip i Brotli segons el teu hosting

Apache (.htaccess)

Amb mod_deflate i mod_brotli, afegeix regles al .htaccess de la raíz. Activa primer Gzip i Brotli si el mòdul està disponible. Després del canvi, neteja la caché del CDN si en fas ús.

Nginx

En el bloc server, activa gzip on; amb els tipus MIME adequats i brotli on; si està compilat.

Hosting gestionat

Revisa el panell de control: sol haver-hi una opció "Compressió Gzip" o "Optimització de rendiment".

WordPress i plugins

Plugins com WP Rocket, LiteSpeed Cache o W3 Total Cache gestionen compressió juntament amb caché de pàgina. Evita duplicar regles.

CDN (Cloudflare, etc.)

Si utilitzes un CDN, la compressió pot fer-se a l'edge. A Cloudflare, verifica que Brotli estigui actiu a Speed → Optimization.

Com comprovar que la compressió funciona

1. DevTools del navegador: pestanya Network, recarrega i revisa un fitxer CSS o JS per content-encoding: br o gzip.
2. PageSpeed Insights: l'auditoria de compressió ha de passar en verd.
3. curl: curl -H "Accept-Encoding: br,gzip" -I https://elteudomini.com.
4. Compara mides: la columna "Size" mostra el tamany transferit (comprimit) vs el real.

Errors habituals en activar compressió

• Comprimir dues vegades: servidor i CDN comprimint el mateix fitxer poden corrompre la resposta.
• Oblidar HTTPS: alguns navegadors només accepten Brotli per HTTPS. Assegura't que el teu certificat SSL està actiu.
• Excloure APIs o AJAX: respostes JSON també es beneficien si superen uns quants KB.
• No actualitzar després de migració: revisa les regles de compressió en canviar d'hosting.
• Confiar només en el plugin: configura també a nivell de servidor.

Checklist ràpid abans de donar per tancada l'optimització

1. Comprovar que HTML, CSS i JS es serveixen amb content-encoding: br o gzip.
2. Verificar que imatges i vídeos no es comprimen innecessàriament.
3. Passar PageSpeed Insights en mòbil.
4. Confirmar que formularis, mapes i analytics segueixen funcionant.
5. Documentar quina capa comprime per futures migracions.

Conclusió: més velocitat sense redissenyar la web

Activar Gzip i Brotli no canvia el disseny ni el contingut: només redueix el pes dels fitxers de text que el servidor envia. És una millora tècnica amb impacte directe en velocitat, experiència mòbil i Core Web Vitals.

Si no saps si el teu hosting ja ho té actiu o vols una auditoria de rendiment completa, a aatsoft revisem webs d'empresa i prioritzem les millores amb més impacte en conversió. Sol·licita una revisió gratuïta i et direm per on començar.