Je stuurt bestanden onverpakt op: zet gzip of Brotli aan
HTML, CSS en JavaScript zijn tekst, en tekst laat zich goed inpakken. Met compressie zoals gzip of Brotli verstuurt je server een ingepakte versie, die de browser zelf weer uitpakt.
In het kud-rapport Je stuurt bestanden onverpakt op
Waarom het uitmaakt
Tekstbestanden worden met compressie vaak 60 tot 80 procent kleiner. Dat is een flinke winst voor bijna geen moeite.
Het is een standaardinstelling die bijna elke moderne hosting ondersteunt. Staat hij uit, dan laat je makkelijke snelheid liggen.
Zo los je het op
- Vraag je hosting of gzip- of Brotli-compressie aan staat, of zet het aan in je hostingpaneel.
- Gebruik je Cloudflare of een ander CDN, dan regelt dat de compressie meestal automatisch.
- Op een Apache-server kan het met een paar regels in je .htaccess-bestand; op Nginx in de serverconfiguratie.
- Controleer daarna in je browser (Netwerk-tab in DevTools) of je bestanden een
content-encoding: brofgziphebben.
# .htaccess (Apache)
<IfModule mod_deflate.c>
AddOutputFilterByType DEFLATE text/html text/css application/javascript image/svg+xml
</IfModule>Op jouw platform
- WordPress
- Veel cacheplugins hebben een vinkje voor gzip-compressie. Werkt het niet, dan moet het op serverniveau aan; vraag je hosting.
Veelgestelde vragen
Wat is beter, gzip of Brotli?
Brotli pakt meestal nog iets kleiner in en wordt door alle moderne browsers ondersteund. Gzip is prima als Brotli niet beschikbaar is.
Moet ik afbeeldingen ook comprimeren met gzip?
Nee. JPG, PNG, WebP en AVIF zijn al gecomprimeerd. Gzip en Brotli zijn voor tekstbestanden zoals HTML, CSS, JavaScript en SVG.