Gebruik GZIP voor jouw website

Gebruik Gzip om jouw Wordpress, Drupal of Joomla sneller te maken


ssh key

De snelheid van je website is een belangrijke factor als het aan komt op Zoekmachine Ranking en zogenaamde User Experience. Google houdt van geoptimaliseerde websites en bezoekers houden ook niet van wachten.

Gzip compressie is een zeer effectieve manier om je site sneller te maken en om bandbreeedte te besparen. Je hoeft deze optie slechts eenmaal in te stellen om er voor de rest van de tijd dat je site online staat, profijt van te hebben.

Gzip Compressie is een van de meest simpele, maar ook effectieve manieren om je site een performance boost te geven. Gzip maakt de pagina's van je site een stuk kleiner, waardoor deze sneller laden.

Wordpress Gzip Activeren

Er zijn 3 manieren waarop je Gzip aan kunt zetten op je wordpress site. De snelste en makkelijkste manier is de installatie van een plugin.

W3 Total Cache en WP Super Cache leveren beide de Gzip optie.

Heb je geen cache plugin geinstalleerd en wil je je site het liefst met zo weinig mogelijk plugins laten draaien, kun je een aanpassing maken in je .htaccess file. Kopieer de volgende code naar je .htaccess file.

# 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/x-javascript
             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

Joomla! Gzip Activeren

Dankzij een aantal zeer toegewijde programmeurs binnen Joomla, heb je hier geen extra plugins nodig, en hoef je ook niets aan te passen in de .htaccess. In Joomla kun je binnen drie klikken Gzip activeren.

Log in op je /administrator en ga naar Global Configuration (onder het System menu). Klik nu op de Server tab. Wijzig hier de Gzip Page Compression van "No" naar "Yes"

Gzip Gzip Compressie Joomla

Drupal Gzip Activeren

Het activeren van Gzip compressie bij Drupal, vereist het aanpassen van de .htaccess file. Kopieer onderstaande tekst en plak deze in de .htaccess file van je Drupal website.

# 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/x-javascript
             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
             

Test Gzip Compressie

Nadat je de aanpassing hebt gemaakt, is het goed om te testen of je net geactiveerde gzip compressie ook werkt.

Ga naar de volgende site: www.gziptest.com en vul je domeinnaam in. Als alles goed is gegaan, krijg je de bevestiging dat Gzip succesvol is geactiveerd.

Reviced Gzip Compressie