De meeste sites worden gebouwd en getest op snelle laptops met goede wifi. Je bezoekers zitten op een telefoon in de trein. Dat verschil kost je klanten.
Test je site niet op het apparaat waarop jij werkt, maar op het apparaat waarop je klanten hem gebruiken.
Het gebeurt in bijna elk project: de opdrachtgever bekijkt de nieuwe site op een grote monitor via het glasvezelnetwerk van kantoor, en alles voelt razendsnel. Ondertussen opent meer dan de helft van de echte bezoekers diezelfde site op een telefoon, vaak op een matig 4G-signaal. Wat op kantoor een halve seconde duurt, duurt daar vier tellen. En na drie tellen begint een flink deel van de mensen af te haken.
Mobiel is een ander speelveld
Er zijn drie redenen waarom mobiel zoveel gevoeliger is voor een zware site. De verbinding wisselt en is trager, dus elke overbodige kilobyte telt harder mee. De processor van een gemiddelde telefoon is veel minder krachtig dan die van een laptop, dus zware scripts die op desktop niet opvallen, laten een telefoon zichtbaar stotteren. En het scherm is klein, waardoor grote afbeeldingen worden gedownload om vervolgens verkleind te worden weergegeven: verspilde data en verspilde tijd.
Google weet dit ook. De zoekmachine beoordeelt je site al jaren op de mobiele versie en meet met de Core Web Vitals hoe echte gebruikers de snelheid ervaren. Traag op mobiel betekent dus ook: lager in de zoekresultaten.
De vier grootste boosdoeners
In de sites die wij analyseren komt mobiele traagheid bijna altijd uit dezelfde hoeken:
- Afbeeldingen op vol formaat. Een foto van drie megabyte in een kolom van 400 pixels breed. De oplossing is bekend: moderne formaten zoals WebP, meerdere maten per afbeelding zodat de telefoon de kleine variant krijgt, en lazy loading voor alles onder de vouw.
- Scripts van derden. Chatwidgets, trackingpixels, embedde video’s en social feeds. Elk lijkt onschuldig, samen vormen ze vaak de helft van het laadwerk. Wees streng: alles wat niet aantoonbaar iets oplevert, gaat eruit.
- Themaballast. Pagebuilders en kant-en-klare thema’s laden code voor functies die je nooit gebruikt. Op desktop merk je dat nauwelijks, op een telefoon des te meer. Dit is het verhaal van ons artikel over WordPress zonder bloat.
- Lettertypen en animaties. Vijf lettertype-varianten en animaties die op een telefoon haperen. Twee gewichten van één lettertype zijn bijna altijd genoeg, en een animatie die niet soepel loopt kan beter weg.
Voelen is ook meten
Cijfers uit meettools zijn belangrijk, maar snelheid is uiteindelijk een gevoel. Een site kan technisch redelijk scoren en toch traag aanvoelen, omdat de pagina tijdens het laden verspringt of omdat er eerst seconden niets gebeurt. Kijk daarom naast de scores ook naar wat een bezoeker ervaart: hoe snel staat het eerste nuttige beeld er, en kun je meteen scrollen en klikken?
Onze eigen gewoonte: elke site die we bouwen, testen we op een middenklasse-telefoon met gesimuleerde langzame verbinding, niet alleen op onze eigen apparaten. Wat daar goed voelt, is overal goed.
Snelheid is een keuze aan het begin
De belangrijkste les is webdesign dat converteert: mobiele snelheid is geen optimalisatie achteraf, maar een ontwerpkeuze vooraf. Welke beelden verdienen hun kilobytes? Welke widget mag er echt op? Bij Digital Dreamers stellen we die vragen aan het begin van elk project. Achteraf een zware site licht maken kan, maar het is duurder en het resultaat blijft een compromis. Licht beginnen wint altijd.
