augustus 9, 2018

Verbeter de snelheid van je website met deze 6 tips

Een trage website is de grootste frustratie van websitebezoekers. Uit onderzoek blijkt dat bijna 75 procent van bezoekers afhaakt wanneer een website langer dan 2 seconden nodig heeft om te laden. Dat lijkt een laag cijfer, maar dat is het zeker niet. Met enkele slimme speed hacks maak jij je website direct een stuk sneller:

Website loading
Website loading

1. Kies enkel voor pure SSD-hosting, bij voorkeur VPS-hosting

Als software is Nginx of Litespeed ideaal. Kwalitatieve webhosters zijn bijvoorbeeld iXL HostingCombell en Xynta.

2. Verklein de programmeercode voor zover het gaat

Een website bestaat vaak uit 3 soorten codes: HTML, CSS en JavaScript. Door alle code zo goed mogelijk te optimaliseren, gaat je websitesnelheid de lucht in. Gebruik je WordPress? Dan zijn WP Rocket en Autoptimize jouw partners in crime.

3. Schakel browser caching in

Browser caching zorgt ervoor dat bestandstypen HTML, CSS en afbeeldingen vanaf het eerste bezoek opgeslagen worden in de browser van de bezoeker. Zo zal de gebruiker bij een volgend bezoek eerst alle code in de browser laden om de website snel in te laden. Browser caching kan je via plug-ins zoals WP Rocket doen, maar ook door onderstaande code in het .htaccess bestand toe te voegen:

 

## EXPIRES CACHING ##
ExpiresActive OnExpiresByType image/jpg “access plus 1 year”
ExpiresByType image/jpeg “access plus 1 year”
ExpiresByType image/gif “access plus 1 year”
ExpiresByType image/png “access plus 1 year”
ExpiresByType text/css “access plus 1 month”
ExpiresByType application/pdf “access plus 1 month”
ExpiresByType text/x-javascript “access plus 1 month”
ExpiresByType application/x-shockwave-flash “access plus 1 month”
ExpiresByType image/x-icon “access plus 1 year”
ExpiresDefault “access plus 2 days”
## EXPIRES CACHING ##

4. Optimaliseer alle afbeeldingen op jouw website

Een afbeelding hoeft geen afmetingen van 4000×4000 px te hebben om er goed uit te zien op een website. Verklein afbeeldingen en gebruik de extensie .jpg of .jpeg voor de kleinst mogelijke bestanden. Goede WordPress plug-ins om afbeeldingen te optimaliseren, zijn Imsanity en WP Retina 2x.

 

Wil je online afbeeldingen verkleinen? Gebruik dan bijvoorbeeld Picresize.

5. Laad websitepagina’s extern in Google door middel van Accelerated Mobile Pages (AMP)

Zo krijg je een rankingsvoordeel in Google mobile en laadt jouw website een pak sneller op mobiele toestellen. Iets om over na te denken? Check zeker AMP for WP, de beste gratis plug-in om AMP te genereren.

6. Verbeter de beveiliging van jouw website door middel van HSTS

HSTS staat voor HTTP Strict Transport Security. Het doel van HSTS is om SSL-certificaten te verbeteren en er een slotje op te zetten. Zo loopt alle communicatie tussen bezoeker en website volledig beveiligd zonder kans op lekken. Wil je HSTS inschakelen? Dat kan door volgende code in het .htaccess-bestand toe te voegen:

 

HSTS
<IfModule mod_headers.c>
Header set Strict-Transport-Security “max-age=63072000; includeSubDomains; preload”
Header always set Content-Security-Policy: upgrade-insecure-requests
</IfModule>

 

Heb je de code toegevoegd? Dan kan je jouw website preloaden. Browsers gaan oppikken dat je volledig versleuteld werkt en zo kunnen ze jouw gehele website preloaden. Preloaden wil zeggen dat de browsers, waaronder Google Chrome, jouw website opslaan in hun database en laden wanneer een bezoeker hierom vraagt. Een hogere snelheid gegarandeerd!

Vorige
Volgende