In dit artikel leggen we uit hoe je GZIP compressie kunt toepassen op je website. GZIP compressie helpt om de grootte van HTML-pagina's, stylesheets en scripts te verminderen, waardoor je website sneller laadt.
- Wat is GZIP compressie?
- Hoe pas ik GZIP compressie toe op verschillende pakketten?
- Hoe controleer ik of mijn website met GZIP is gecomprimeerd?
Wat is GZIP compressie?
GZIP compressie helpt jouw website om de grootte van HTML pagina's, stylesheets en scripts te verminderen. Hierdoor worden jouw bestanden kleiner en kan de website sneller worden geladen doordat er minder geheugen gebruikt hoeft te worden.
Hoe pas ik GZIP compressie toe op verschillende pakketten?
Websitemaker/Webshoppakket
Bij ons websitemaker- en webshoppakket wordt GZIP compressie automatisch op tekst en afbeeldingen toegepast.
Webhostingpakketten
Op sommige CMS-systemen kun je eenvoudig een plugin of module installeren die de snelheid van jouw website ten goede komt. Hierbij kun je denken aan:
-
WordPress:
- W3 Total Cache
- WP Rocket
- WP Super Cache
-
Joomla:
- Joomla Administrator omgeving Systeem Algemene instellingen Tabblad Server:
- Joomla Administrator omgeving Systeem Algemene instellingen Tabblad Server:
Andere CMS(-loze) systemen
Je kunt GZIP compressie inschakelen voor elk CMS systeem. Ook is het mogelijk om deze methode toe te passen als je geen CMS gebruikt. Voeg de onderstaande regels toe aan het .htaccess bestand van jouw website:
<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/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 really old 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>
Hoe controleer ik of mijn website met GZIP is gecomprimeerd?
Je kunt controleren of GZIP compressie correct is ingeschakeld op deze website.
Als de compressie aan staat, wordt de GZIP compressie correct toegepast.