Snelheid is een belangrijke SEO-factor, vooral op mobiele apparaten. Hoewel onze internetconnecties steeds sneller worden, is het toch belangrijk om uw website zo licht mogelijk te maken. Een seconde te lang wachten kan al voor een heleboel afhakers zorgen, vooral onder mobiele internetters. Met onderstaande tips kunt u uw de wachttijden voor uw bezoeker verder inperken.

1. Snelheid van uw hostingprovider

Host uw website bij een snelle hostingprovider, bij voorkeur in Nederland indien uw publiek zich daar ook bevindt. Het is aan te raden om de afstand tussen uw bezoeker en uw website zo klein mogelijk te houden. Het is niet zaligmakend want een snelle hosting provider in de VS kan sneller zijn dan een trage hostingprovider in Nederland. Via CDN kunt u de nadelen van een server op 1 bepaalde plek omzeilen (zie punt 5).
Indien u het budget heeft, kunt u overwegen om voor een dedicated server te kiezen bij uw provider. Vooral bij grote websites met heel veel verkeer kan zich dat uitbetalen (zoals gezegd kan lang wachten klanten kosten).

Het is vrij lastig om de snelheid te testen van hostingproviders. U zou dezelfde website eigenlijk bij verschillende hostingproviders moeten onderbrengen om de snelheden te vergelijken.
Google heeft een snelheidstest genaamd Pagespeed Insights maar die is komen te vervallen. De test kan nog wel gedaan worden maar houdt er wel rekening mee dat daarmee niet puur de snelheid van uw hostingprovider wordt getest, de score is ook afhankelijk van de grootte van uw website. Goede testtools voor de snelheid van uw website zijn Pingdom en GTMetrix.

Een aantal zaken waar u op kunt letten bij het kiezen van een hostingprovider:
– Maakt uw provider gebruik van SSD’s (solid state drives zijn sneller dan traditionele harde schijven)
– Biedt uw hostingprovider caching (zoals Rediscache en Varnish), dit kan een grote snelheidswinst opleveren.
– PHP 7: De meeste websites draaien nu nog op 5.6 maar de ontwikkeling voor deze versie is stopgezet. Overstappen op PHP7 zal ook een snelheidswinst opleveren omdat Php 7 sneller is dan php 5.6 (php 6 werd overgeslagen). Ga na of uw hostingprovider het ondersteunt, meestal is het een kwestie van het aanvinken van php 7 (maak eerst een back-up van uw website). In de meeste gevallen zal de overstap naar php7 probleemloos zijn tenzij u maatwerkoplossingen gebruikt, dan kunnen er mogelijk compatibiliteitsproblemen optreden.
– Ondersteunt uw provider HTTP2  of zijn ze voornemens dit snel te ondersteunen(zie laatste punt)

2. Snelheid gebruikte platform & plug-ins.

Maakt u gebruik van een snel platform en plug-ins? Er is veel keuze op het gebied cms-en (zie onze blogpost over cms-en) Het overgrote deel van websites wordt gebouwd op basis van WordPress maar de ene WordPress-website is de andere niet. Van grote invloed zijn de gebruikte plug-ins. Hoewel het niet aan te raden is om extreem veel plug-ins te gebruiken, kan dit cms daar op zich prima mee overweg. Verwijder sowieso de plug-ins en thema’s die u niet gebruikt zoals ‘Hello Dolly’ en voorgeïnstalleerde thema’s.
Belangrijker dan de hoeveelheid plug-ins, is kwaliteit van de programmacode van de plug-in. Let niet alleen op de functionaliteit maar ook op de reputatie van het team achter de plug-in en hoe actief het wordt bijgehouden (vaak wordt vermeld wanneer de plug-in voor het laatste een update heeft gehad). Bij sommige plug-ins worden ook snelheidsvergelijkingen getoond in reviews (zoals met fotosliders). Houd er rekening mee dat heel veel review-websites van WordPress plug-ins betaald worden voor het linken naar de betreffende plug-ins. Let dus wel op dat er commerciële belangen kunnen meespelen bij reviews.

3. Vermijd onnodig grote afbeeldingen/bestanden

Wanneer u grote fotobestanden gebruikt op uw website dan kan dit de laadsnelheid natuurlijk ook nadelig beïnvloeden. Een foto direct van uw camera op uw website uploaden is geen goed idee omdat dit vaak grote bestanden betreft. Dat verhoogt de laadtijd enorm. U kunt vaak de grootte aangeven waarop een afbeelding moet worden getoond maar dan is uw afbeelding nog steeds veel te zwaar.
Het beste is om de afbeelding eerst te verkleinen tot het gewenste formaat en dan te comprimeren. Dat kan via een fotobewerkingspakket of diensten als Imagify die dat automatisch doen. Het gekozen bestandstype kan een afbeelding ook verkleinen. Voor foto’s is jpg het populairst, is het een afbeelding van een illustratie of wilt u een transparante achtergrond dan dient u te kiezen voor png (gif kan ook voor hele kleine afbeeldingen). Vergeet ook geen Src-attribute mee te geven aan een afbeeldingen.

4. Google AMP (AMP = Accelerated Mobile Pages)

Nieuw van Google is Google AMP. Dat houdt in dat bepaalde pagina’s door Google geserveerd worden en niet door de server van de website-eigenaar. De opmaak van uw originele pagina wordt niet meegenomen waardoor het vooral interessant is voor artikelen waar het accent op tekst ligt (nieuws/blog). Voordeel is dat de pagina super snel laadt en dat u een kans heeft om hoger in de zoekresultaten te eindigen. Maakt u geen gebruik van WordPress dan kan de implementatie nogal wat voeten in de aarde hebben.

5. CDN

CDN staat voor Content Delivery Network. Het is goed gebruik om de afstand van uw server tot uw bezoeker zo kort mogelijk te houden (des te minder kans op vertragingen onderweg). Indien u veel internationaal bezoek heeft, wordt dat natuurlijk lastig. De server kan helaas niet dicht bij elke bezoeker staan. Om dit probleem op te lossen kan men gebruik maken van CDN. De website wordt in dat geval via meerdere webservers op verschillende locaties verspreid. Een ander voordeel is dat bij piekgebruik de content ook vanaf verschillende locaties kan worden geserveerd. Er zijn verschillende aanbieders en de prijzen lopen uiteen. CDN is vooral interessant voor websites met veel internationaal verkeer.

6. Caching

Bij caching worden elementen die vaak worden gebruikt opgeslagen op een plek (cache = opslagplaats). Vergelijk het met een gereedschapsriem waar de meest gebruikte gereedschappen binnen handbereik zijn en de rest in een gereedschapskist ligt. Caching kan op serverniveau en via plug-ins (bij WordPress) worden ingezet. In punt 1 noemden we al Rediscache en Varnish die op server-niveau werken. U bent daarvoor vaak afhankelijk van uw hostingprovider. Er zijn ook gratis en betaalde caching plug-ins die u altijd kunt installeren. Een populaire gratis variant is W3 Total Cache. Pario maakt zelf gebruik van WPRocket. Dergelijke caching plug-ins kunnen uw website aanzienlijk sneller maken.

7. Preloading & lazyload

Om het laden in te korten kun je het laden ook slimmer maken zoals met preloading en lazyload. Bij preloading kun je bijvoorbeeld alvast een bepaalde pagina inladen waarvan je verwacht dat dat de volgende stap zal zijn van je bezoeker. Lazyloading werkt weer iets anders en laadt juist dingen niet die nog niet zichtbaar hoeven te zijn voor de bezoeker. Ook het inladen van CSS-code kan van invloed zijn op de snelheid van uw website. Normaalgesproken is het aan te raden om CSS via een extern bestand aan te roepen. Om het gedeelte boven de vouw (above the fold) sneller te laden, kun je ook CSS inline gebruiken voor dat deel. Dit is iets wat Google Pagespeed vaak als verbeterpunt noemt maar veel webdesigners kiezen er toch voor om alle CSS extern in te laden.

8. Minification

Met minification wordt het compacter maken van code bedoeld. Zoals met winzip/winrar kan code ook worden gecomprimeerd (Gzip) of het kan worden samengevoegd. Minification zorgt ervoor dat het aantal http-requests lager wordt en de pagina sneller laadt. Waar de code op de pagina staat is ook van belang.. Het compacter maken van code kan via verschillende tools worden gedaan afhankelijk van het soort code (CSS, HTML, Javascript). De plug-in die Pario gebruikt voor caching, biedt ook opties op het gebied van minification.

9. HTTP2

Voor elk adres ziet altijd http staan (of https indien het beveiligd is met SSL). Er is een opvolger op komst: HTTP2. Dit protocol kan veel meer gelijktijdige verzoeken verwerken waardoor je net zo makkelijk ‘hond ga nu zitten’ kunt zeggen als ‘zit’ bijvoorbeeld. Een aantal zaken die webdesigners nu uithalen om websites sneller te maken, zijn van minder belangrijk met de komst van HTTP2. Vraag uw hostingprovider of/wanneer dat wordt geïmplementeerd.

W3 Total Cache