website laadsneldheid seo

Hoe wij onze WordPress website sneller hebben gemaakt

De laadsnelheid van een website heeft invloed op de rangschikking in de zoekresultaten van Google. Trage websites zijn mede oorzaak van een slechte gebruikerservaring en irriteren de gebruikers.

Hier bij Capaly zijn we ervan overtuigd dat je moet doen wat je preekt. Na een website analyse op GTmetrix.com kwamen we tot de conclusie dat we werk aan de winkel hadden. De Capaly website is ontwikkeld op het WordPresss platform.

In dit artikel laten we je in de keuken kijken en laten we je zien welke activiteiten we hebben ondernomen om de laadsnelheid omlaag te krijgen.

Toen we begonnen met het aanpassen van de website hadden we een pagespeed score van 67% en de pagina werd geladen in 4.7 seconden. Niet een echt fraaie score want de gemiddelde website heeft een score van 71% en wordt geladen in 5.9 seconden.

Het werden enkele uren van flink zweten en nagelbijten.

Stap 1: Caching plugin geïnstalleerd

Caching van website pagina’s zorgt er voor dat je website sneller wordt geladen.
De plugin zet de dynamische pagina’s om naar statische html pagina’s, hierdoor hoeft de server niet elke keer de pagina te genereren wanneer een bezoeker op de website komt.

We hebben de plugin WP Super Cache in WordPress geinstalleerd en de standaard aanbevelingen gevolgd. Dus downloaden, enkele vinkjes aanzetten en klaar. Simpel.

wordpress website sneller maken

jQuery en JavaScript

De Capaly website maakt gebruik van meerdere JavaScript libraries en scripts.
Deze scripts stonden allemaal bij onze hostingprovider. Door de verwijzing naar die libraries en scripts te wijzigen en gebruik te maken van CDN bestanden konden we de laadsnelheid nog meer verkorten.

Wat zijn CDN bestanden
CDN staat voor Content Delivery Network en is een serveropstelling dat er voor zorgt dat veel voorkomende bestanden makkelijker en sneller worden geladen door een hogere efficiëntie van afleveren bij de eindgebruikers. Het is ook mogelijk om zelf een CDN op te zetten en daar de grote mediabestanden te plaatsen.

Lees meer: wat is een CDN

GZIP compressie

Deze handeling is wat meer technisch want om de GZIP compressie te activeren moet het .htaccess bestand aangepast worden. Het .htaccess bestand staat meestal in de root van het hostingpakket, in veel gevallen is dat de public_html folder.

GZIP compressie wordt meestal toegepast op beeldmateriaal zoals gif, png, jpg bestanden maar ook op css en JavaScript bestanden en zorgt er voor dat er kleinere bestanden naar de browser worden verstuurd.

Lees meer over Gzip compressie.

Doordat er verschillende webserver configuraties bestaan zal de code die te vinden is op het internet om de GZIP compressie aan te zetten werken bij de één maar niet bij de ander.

Dit was onze eerste poging, onderstaande code hadden we in het .htacces bestand geplaats en via ftp op de webserver gezet:

<ifModule mod_gzip.c>
mod_gzip_on Yes
mod_gzip_dechunk Yes
mod_gzip_item_include file .(html?|txt|css|js|php|pl)$
mod_gzip_item_include handler ^cgi-script$
mod_gzip_item_include mime ^text/.*
mod_gzip_item_include mime ^application/x-javascript.*
mod_gzip_item_exclude mime ^image/.*
mod_gzip_item_exclude rspheader ^Content-Encoding:.*gzip.*
</ifModule>

Via deze pagina konden we testen of de GZIP compressie was geactiveerd.

Helaas, GZIP compressie activatie was mislukt en onze zoektocht naar code ging verder.
Na wat zoekwerk kwamen we op deze code.

<IfModule mod_expires.c>
# Enable expirations
ExpiresActive On
# Default directive
ExpiresDefault “access plus 1 month”
# My favicon
ExpiresByType image/x-icon “access plus 1 year”
# Images
ExpiresByType image/gif “access plus 1 month”
ExpiresByType image/png “access plus 1 month”
ExpiresByType image/jpg “access plus 1 month”
ExpiresByType image/jpeg “access plus 1 month”
# CSS
ExpiresByType text/css “access plus 1 month”
# Javascript
ExpiresByType application/javascript “access plus 1 month”
</IfModule>

EUREKA. Succes!!

Terug naar GTmetrix om te zien wat het resultaat was van deze aanpassingen.
Dit is de huidige score van onze WordPress website.

 

Capaly page speed

Dit is een mooie score en zoals je kan zien met enkele aanpassingen en het volgen van de aanbevelingen op GTmetrix kom je een eind om de laadsnelheid van een WordPress website te verkorten.