09 augustus 2018
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:
Als software is Nginx of Litespeed ideaal. Kwalitatieve webhosters zijn bijvoorbeeld iXL Hosting, Combell en Xynta.
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.
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 ##
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.
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.
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!
Interesse?
Contacteer ons
We gebruiken cookies op onze website om jou de meest relevante ervaring te bieden en persoonlijke advertenties te voorzien door je voorkeuren en herhaalde bezoeken te onthouden. Door op "accepteer alle" te klikken, stem je in met het gebruik van alle cookies. Je kunt echter ook naar "Instellingen" gaan om gecontroleerde toestemming te geven.