Website sneller maken: 5-secondentest voor je homepage

Checklist

De 5-secondentest voor je homepage

Doe de test met iemand die je bedrijf niet kent, op zijn gsm. Overloop de punten in volgorde en noteer bij elk punt ja of nee.

Kies de juiste testerGeen collega, familielid of klant. Iemand die niet weet wat je doet, zoals een buur of een vriend uit een andere sector.
Toon je homepage precies 5 secondenOpen de site op zijn gsm, laat hem 5 seconden kijken en neem dan het scherm weg of draai het om. Niet scrollen, niet uitleggen.
Vraag 1: wat doet dit bedrijf?Hij moet in zijn eigen woorden kunnen zeggen wat je verkoopt. 'Iets met bouw' is nee. 'Ze plaatsen zonnepanelen' is ja.
Vraag 2: voor wie en waar?Weet hij in welke regio je werkt en voor wie (particulieren, bedrijven, beide)? Staat dat niet bovenaan, dan is het een nee.
Vraag 3: wat moet ik nu doen?Hij moet de volgende stap kunnen aanwijzen: offerte aanvragen, bellen of een afspraak maken. Wijst hij drie verschillende dingen aan, dan is het een nee.
Staat er één duidelijke knop bovenaan?Eén hoofdactie, zichtbaar zonder scrollen. Menu-items en secundaire knoppen mogen er zijn, maar ze mogen niet opvallender zijn dan de hoofdknop.
Is er echt bewijs zichtbaar?Eigen foto's van je werk, echte reviews en een klikbaar telefoonnummer. Stockfoto's tellen niet mee.
Laadt je site binnen 3 seconden op 4G?Zet wifi uit op je gsm en open de site opnieuw. Of kies in Chrome DevTools (tabblad Network) de preset Slow 4G. Staat er na 3 seconden nog niets, dan is dat een nee.
Werkt het telefoonnummer met één tik?Tik op het nummer op je gsm. Opent de belapp meteen, dan is het ja. Is het gewone tekst of een afbeelding, dan is het nee.
Tel je antwoordenElk nee is een werkpunt. Los eerst op wat bij vraag 1 tot 3 een nee was, dan de knop, dan het bewijs, en pas daarna de laadtijd.

0 van 10 afgevinkt

Website sneller maken lukt pas goed als je weet over welke snelheid het gaat. Een bezoeker beslist in ongeveer 5 seconden of hij bij jou goed zit. Dat hangt af van twee dingen: laadt je site snel, en snapt hij meteen wat je doet?

Veel eigenaars zoeken alleen naar het eerste. In de praktijk zie ik bij kmo-sites in Vlaanderen vaak het tweede probleem. Mooie foto's, een slogan als "Samen vooruit", en nergens staat wat je verkoopt, waar je werkt en wat de volgende stap is.

Website sneller maken: wat bedoel je eigenlijk?

Er zijn twee soorten snelheid.

Technische snelheid is hoe snel je pagina verschijnt, vooral op een gsm. Dat is het onderwerp van zoekopdrachten als "website laadtijd verbeteren" en "pagespeed score verbeteren".

Begrijpsnelheid is hoe snel een nieuwe bezoeker snapt wat je doet en wat hij moet doen. Die meet je niet met een tool, maar met een mens die je bedrijf niet kent. Daar dient de 5-secondentest voor.

Begin bij die tweede. Een pagina die in 1 seconde laadt maar niets zegt, levert niets op.

Waarom werkt de 5-secondentest?

Jij kent je bedrijf te goed. Je leest je homepage en vult alles zelf aan. Een buitenstaander kan dat niet.

De test haalt die blinde vlek weg. Je vraagt maar twee dingen: wat doet dit bedrijf, en wat moet ik nu doen? Een bezoeker die dat niet kan zeggen, klikt weg naar de volgende zoekresultaat. Dat is een concurrent die het wel duidelijk zegt.

Hoe pas je de test toe?

Laat de tester je site op zijn eigen gsm openen. Dat is hoe de meeste bezoekers je site zien. Na 5 seconden neem je het scherm weg en stel je je vragen. Schrijf zijn antwoorden letterlijk op, zonder ze te verbeteren of uit te leggen.

Doe de test met drie mensen als je kan. Als alle drie hetzelfde mist, weet je zeker wat je moet aanpassen.

Wat pas je aan na een nee?

Weet hij niet wat je doet? Zet bovenaan één zin met je dienst, je regio en je doelgroep. "Wij plaatsen zonnepanelen voor particulieren in Oost-Vlaanderen" zegt meer dan elke slogan.
Weet hij niet wat hij moet doen? Kies één hoofdactie en maak die de duidelijkste knop op de pagina.
Gelooft hij je niet? Vervang stockfoto's door foto's van je eigen werk en zet echte reviews bovenaan.

Hoe snel moet je website laden?

Google geeft duidelijke richtwaarden, de Core Web Vitals. LCP, het moment waarop het grootste element zichtbaar wordt, moet binnen 2,5 seconden na het begin van het laden gebeuren. Voor INP, de reactietijd na een klik of tik, is de grens 200 milliseconden of minder. Voor CLS, het verspringen van de pagina tijdens het laden, is dat 0,1 of lager.

Google kijkt daarbij naar het 75e percentiel van de paginalaadbeurten, apart voor mobiel en desktop. Eén snelle test op je eigen laptop zegt dus weinig.

Test je site op 4G, niet op wifi

Je eigen wifi en je nieuwe laptop geven een te rooskleurig beeld. Zet wifi uit op je gsm en open je homepage. Of gebruik Chrome DevTools: open het tabblad Network en kies in het menu voor throttling een preset. Je kan daar fast 4G, slow 4G of 3G nabootsen.

Bij Slow 4G voegt Chrome een vertraging van 562 milliseconden per aanvraag toe en beperkt het de snelheid tot 1,4 megabit per seconde. Die preset komt overeen met de mobiele throttling van Lighthouse, de motor achter PageSpeed Insights. Mijn vuistregel: staat er na drie seconden niets, dan haken mensen af.

Hoe lees je PageSpeed Insights?

PageSpeed Insights toont twee soorten data. Het toont ook gegevens van echte Chrome-gebruikers uit het Chrome User Experience Report, de zogenoemde veldgegevens. Daaronder staat de labtest.

Die labtest is bewust streng. Lighthouse vertraagt de processor met een factor 4 om een gsm na te bootsen. Een lage labscore betekent dus niet automatisch dat bezoekers een trage site ervaren. Kijk eerst naar de veldgegevens. Heeft je site te weinig bezoekers, dan staat daar "No Data" en blijft alleen de labtest over. Gebruik die dan als richtlijn, niet als vonnis.

Wat maakt een website vaak traag?

Dit zijn de oorzaken die ik als eerste nakijk, ook bij WordPress:

Te zware foto's. Een foto rechtstreeks van je camera of gsm is vaak veel te groot voor een website. Verklein ze en gebruik een modern formaat zoals WebP.
Te veel plugins of scripts. Elke chatwidget, tracker en slider kost laadtijd. Verwijder wat je niet gebruikt.
Goedkope of overbelaste hosting. Als de server traag antwoordt, helpt geen enkele optimalisatie in de pagina.
Een videoachtergrond bovenaan. Mooi, maar zwaar. Gebruik één goede foto.

Welke valkuilen zie ik het vaakst?

Alleen de score najagen. Een 100/100 in een tool levert niets op als niemand weet wat hij moet doen op je pagina.

Testen met mensen die je kennen. Zij vullen aan wat er niet staat. Je krijgt dan een vals positief resultaat.

Alles tegelijk aanpassen. Wijzig één ding, test opnieuw en ga dan verder. Anders weet je niet wat gewerkt heeft.

De gsm vergeten. Een homepage die op desktop klopt, kan op mobiel een lange rij knoppen worden. Test altijd op je telefoon.

Een voorbeeld: stel dat je een loodgietersbedrijf hebt

Stel dat je homepage opent met een foto van een kraan en de slogan "Vakmanschap sinds jaar en dag". Je tester zegt na 5 seconden: "Iets met sanitair, denk ik. Ik weet niet waar ze werken."

Je past drie dingen aan. De kop wordt: "Loodgieter voor particulieren in Aalter en omgeving: herstellingen en renovaties." Bovenaan komt één knop, "Offerte aanvragen", met daarnaast een telefoonnummer dat je met één tik kan bellen. De stockfoto vervang je door een foto van een eigen werf.

Dat is geen technisch werk, maar het geeft de bezoeker wel meteen een antwoord.

Wanneer schakel je hulp in?

Je kan veel zelf. Teksten, knoppen en foto's pas je meestal in een namiddag aan. Technische problemen zoals trage hosting, een zwaar thema of slecht gebouwde pagina's vragen soms meer.

Dan kan een nieuwe site verstandiger zijn dan blijven pleisteren. Bekijk wat het inhoudt om een website te laten maken die vanaf de start snel en duidelijk is. Zie je dat je site ook niet gevonden wordt, dan is SEO de volgende stap. Wil je zien wat ik al heb gebouwd, kijk dan bij werk en resultaten. Twijfel je waar je moet beginnen, stuur me een bericht en we bekijken je homepage samen.

Veelgestelde vragen

Hoe kan ik mijn website sneller maken zonder programmeur?

Begin met de grootste winst: te zware foto's verkleinen, plugins of apps verwijderen die je niet gebruikt, en nagaan of je hosting niet het knelpunt is. Test daarna opnieuw op je gsm via 4G. Voor dieper werk, zoals code of serverinstellingen, heb je wel iemand met technische kennis nodig.

Wat is een goede laadtijd voor een website?

Google adviseert dat het grootste zichtbare element (LCP) binnen 2,5 seconden verschijnt. Daarnaast mag de reactietijd bij klikken (INP) niet boven 200 milliseconden liggen en de layoutverschuiving (CLS) niet boven 0,1. Dat meet Google bij de meeste echte bezoekers, niet bij één test.

Waarom is mijn PageSpeed-score laag terwijl mijn site snel aanvoelt?

De labscore in PageSpeed Insights simuleert een trage gsm op een trage verbinding. Die test is bewust strenger dan wat de meeste bezoekers hebben. Kijk daarom ook naar de data van echte bezoekers bovenaan het rapport, als die er is.

Kan ik mijn WordPress website sneller maken met een plugin?

Een cacheplugin kan helpen, maar het lost zware foto's, te veel plugins of trage hosting niet op. Controleer eerst die drie punten. Voeg daarna pas een cacheplugin toe en test opnieuw op 4G.

Moet ik eerst mijn laadtijd of mijn homepage-tekst verbeteren?

Begin bij de tekst en de knop als de 5-secondentest een nee geeft. Een snelle site die niemand begrijpt, levert geen aanvragen op. Als je site daarnaast echt traag is, pak je dat in tweede instantie aan.