Test je mobiele site — zelf, in 30 minuten

Voorbereiding (2 min)

Wat je nodig hebt:

• Je eigen telefoon (iPhone of Android, idealiter beide)
• Pen en papier (of notitie-app) om scores bij te houden
• Eventueel: WiFi uit, 4G aan, om realistische snelheid te meten

Open je site. Daar gaan we.

Test 1 — Homepage scroll (3 min)

Scroll je hele homepage van boven naar onder. Let op:

• Schokt of springt iets tijdens het scrollen?
• Verschijnt content netjes of "ploft" hij erin?
• Loopt iets buiten het scherm (horizontale scroll mogelijk)?
• Worden foto's getoond of zie je grijze vakken?

Slaag-criterium: alles netjes, geen verspringen, geen horizontale scroll.

Test 2 — Menu open en sluit (2 min)

Tik op het hamburger-menu (de drie streepjes). Kijk wat er gebeurt:

• Opent het menu meteen of na 1-2 seconden hapering?
• Zijn alle menu-items zichtbaar?
• Werkt sluiten (X-knop of tik buiten menu)?
• Werken sub-menu's (uitklap)?

Slaag-criterium: opent binnen 200ms, alle items zichtbaar, sluit normaal. Detail: mobile menu best practices.

Test 3 — Klein-knoppen test (3 min)

Zoek de kleinste klikbare elementen op je site: tags onder blog-posts, social-media-iconen in footer, kleine links in tekst. Probeer ze allemaal te tikken zonder mis-klik.

• Raak je het juiste element bij elke poging?
• Of klik je structureel het buurelement?

Slaag-criterium: elke knop in één tik raakbaar. Detail: tap-target 44px.

Test 4 — Contactformulier indienen (5 min)

De belangrijkste test van allemaal. Vul je eigen contactformulier in alsof je een klant bent:

• Kun je elk veld zonder zoomen invullen?
• Past het toetsenbord onder het veld (geen velden achter toetsenbord)?
• Werkt e-mail-veld met je e-mail-app (geen typen-required-voor-@ probleem)?
• Werkt dropdown of multi-select naar behoren?
• Kun je verzenden, krijg je een bevestiging?
• Komt de e-mail aan bij jou?

Slaag-criterium: alle stappen vlot, e-mail komt aan binnen 5 minuten.

Test 5 — Telefoon-knop tikken (1 min)

Heb je een telefoon-link op je site (tel:0297...)? Tik 'm. Belt 'ie je echt op?

Veel MKB-sites hebben telefoonnummers als tekst in plaats van als tel:-link. Klanten moeten dan zelf typen. -40% conversie.

Slaag-criterium: tik op nummer = telefoon-app opent met nummer ingevuld.

Test 6 — Tekst zonder zoom (3 min)

Open een tekst-zware pagina (bijvoorbeeld een dienst-pagina of "Over ons"). Lees een paar paragrafen:

• Kun je vlot lezen zonder zoom?
• Is body-tekst minstens 16px (vuistregel: ongeveer letter-hoogte van je duimnagel)?
• Is regel-afstand ruim genoeg (1.5-1.7x letter-hoogte)?
• Is contrast genoeg (zwart op wit, of donker-grijs op licht)?

Slaag-criterium: 1-2 minuten lezen zonder dat je oog moe wordt of moet zoomen.

Test 7 — Bel-link en e-mail-link (1 min)

Hetzelfde als test 5 maar voor e-mail. Tik op een mailto-link of je e-mailadres als tekst. Opent je e-mail-app met adres ingevuld?

Slaag-criterium: e-mail-app opent meteen met adres als ontvanger.

Test 8 — Snelheid op 4G (5 min)

Schakel WiFi uit, ga naar 4G. Open je site. Klok hoe lang het duurt voordat de hero zichtbaar is.

• Onder 2.5 seconden = goed
• 2.5-4 seconden = matig
• Boven 4 seconden = problemen (zie LCP fixen)

Slaag-criterium: hero zichtbaar onder 2.5s.

Score-lijst

• 0-1 fouten: goed. Kleine optimalisaties mogelijk maar geen probleem.
• 2-3 fouten: verbetering nodig. Fixbaar in 1-3 dagen werk.
• 4-5 fouten: serieuze mobile issues. Verlies aan conversie aantoonbaar. Plan een audit.
• 6+ fouten: mobiele site is gedeeltelijk kapot. Rebuild vaak goedkoper dan eindeloos patchen.

Klanten klagen zelden. Ze klikken weg. Een goed-werkende mobiele site is geen luxe — het is het verschil tussen klant en geen klant.

Wat te doen na de test

Bij 0-1 fouten: niks. Bij 2-3 fouten: zoek een lokaal bureau dat je de specifieke fixes kan doen (typisch €350-€1.500). Bij 4+ fouten: vraag een audit aan voor een eerlijk advies fix vs rebuild. Bij DesignCheck zit Lighthouse 90+ en alle 8 tests slagen-garantie standaard op elk rebuild-pakket (prijzen). Lokaal werken we vanuit DesignCheck Mijdrecht. Wat dit aan extra mobiele conversie oplevert: vul de verliescalculator in.

Wat een mobiele site stuk maakt zonder dat je het ziet

De acht tests hierboven vangen de zichtbare problemen. Er is een tweede laag die je niet ziet maar wel voelt in de conversie. Dat zijn de stille kapers van een mobiele site. Zoals een derde-partij script dat zonder reden de hoofd-thread blokkeert. Zoals een lettertype dat te laat laadt waardoor je tekst eerst onzichtbaar is. Zoals een cookie-banner die over de hoofd-CTA valt op kleine schermen. Stuk voor stuk dingen die op desktop niet opvallen omdat daar meer ruimte en meer rekenkracht is.

Een van de grootste boosdoeners is de combinatie van een chat-widget en een conversion-pixel. Tawk laadt rond de 350 kB. De Meta Pixel laadt 70 kB en doet zware netwerk-requests. Een Google Ads-conversie-tag voegt nog eens 80 kB toe. Bij elkaar zit je op meer dan een halve megabyte aan tracking voordat de bezoeker iets ziet. Op een 4G-verbinding kost dat de eerste seconde. En in die seconde gaat 9 procent van je bezoekers weg, volgens metingen die Google publiceerde in zijn Mobile Speed Matters-rapport.

Een tweede categorie is invisible breakage door A/B-test-tools. Optimizely, VWO en Google Optimize injecteren JavaScript dat de pagina opnieuw rendert nadat de varianten zijn opgehaald. Dat veroorzaakt een flash of unstyled content en hoge CLS. Op desktop nauwelijks zichtbaar, op mobiel een schok van honderden milliseconden. Test daarom altijd met deze scripts aan, niet in een lege staging-omgeving.

De derde categorie is ouderwetse iframes. YouTube-embeds, Google Maps-embeds en Trustpilot-widgets laden alle drie zware iframes die de pagina vertragen. Vervang YouTube door een lite-embed die alleen het thumbnail laadt tot de gebruiker klikt. Vervang Google Maps door een statische afbeelding met een link naar de Maps-app. Voor Trustpilot is er een server-side variant die alleen de score als JSON ophaalt en geen iframe nodig heeft.

Uitgebreide checklist — 15 punten voor een mobiel-klare site

Loop deze lijst af nadat je de acht tests hebt gedaan. Wat hier rood staat, fix je eerst.

1. De viewport-meta-tag staat in de head met width=device-width, initial-scale=1.
2. Geen enkel element veroorzaakt horizontale scroll bij een schermbreedte van 360 pixels.
3. Alle tikbare elementen zijn minstens 44 bij 44 CSS-pixels, ook in de footer.
4. Body-tekst is minimaal 16 pixels groot, regelafstand minimaal 1,5.
5. De primaire CTA is zichtbaar zonder dat je hoeft te scrollen op een iPhone SE.
6. Het mobiele menu sluit als je op een ander gedeelte van het scherm tikt, niet alleen op de X.
7. Telefoonnummers zijn tel:-links en e-mailadressen mailto:-links.
8. Formuliervelden hebben autocomplete-attributen voor naam, e-mail, telefoon en adres.
9. Het e-mailveld gebruikt type="email", het telefoonveld type="tel".
10. Afbeeldingen hebben expliciete width en height, zodat CLS klein blijft.
11. Lazy loading staat aan op alle afbeeldingen onder de fold via loading="lazy".
12. Lettertypen worden geladen met font-display: swap zodat tekst niet onzichtbaar is.
13. De cookie-banner blokkeert de hoofd-CTA niet op kleine schermen.
14. Externe scripts laden met defer of async en niet synchroon in de head.
15. Lighthouse-score voor mobiel is minstens 85 en idealiter boven de 95.

Sla je op meer dan drie punten over de kop, dan is een grondige rebuild bijna altijd goedkoper dan stap-voor-stap patchen. In de Starter van €1.995 zit deze hele checklist als opleverdoel. In Groei van €3.995 voegen we een dashboard toe waarmee je per maand ziet of de scores stabiel blijven. Premium van €6.995 is voor multi-locatie of e-commerce waarbij we ook structured data, CDN-tuning en image-pipeline aanleggen.

Wat klanten echt doen op mobiel

Heatmap-analyse van honderden MKB-sites geeft een paar terugkerende patronen. Mobiele bezoekers scrollen sneller dan desktop, gemiddeld 60 procent verder in dezelfde tijd. Ze tikken vaker op afbeeldingen, alsof het knoppen zijn. Ze gebruiken de telefoon-knop in de header dubbel zo vaak als de telefoon-knop in de footer. En ze verlaten een formulier acht keer sneller als het derde veld een dropdown is met meer dan vijf opties.

Wat dit betekent voor je site. Zet de telefoon-knop sticky in de header, niet alleen in de footer. Maak hero-afbeeldingen niet tikbaar als ze geen nuttige bestemming hebben. Houd formulieren onder vijf velden en gebruik radio-buttons in plaats van dropdowns waar mogelijk. Bij Keurmeesters, waar de bezoeker een adres invult voor een energielabel-aanvraag, gebruikt het formulier autocomplete via de BAG-API. Drie tikken en het adres staat er. Conversie ging van 4,1 procent naar 9,8 procent na die ene aanpassing.

Een ander patroon, mobiele bezoekers bellen vaker buiten kantoortijden dan desktop-bezoekers. Een telefoon-link die alleen tussen 9 en 17 uur opgenomen wordt, mist daarom een aanzienlijk deel van de aanvragen. Een WhatsApp-link of een eenvoudig terugbel-formulier in dezelfde positie vangt die avond- en weekend-leads op. Vraag in je audit-rapport altijd om een conversie-analyse per dagdeel.

Wanneer professionele hulp loont

De zelfgemaakte test is bedoeld om de pijn te lokaliseren, niet om hem op te lossen. Als je drie of meer fouten vindt en zelf geen ontwikkelaar bent, is een audit van een gespecialiseerd bureau de eerlijkste vervolgstap. Vraag bij iedere partij waar je een offerte opvraagt om concrete cijfers. Wat is jullie gemiddelde Lighthouse-score na oplevering? Welke CWV-percentielen halen jullie sites in Search Console? Welke real-user metrics deelt het bureau in een dashboard?

Bij DesignCheck krijgen alle nieuwe klanten in elk pakket een eigen perf-dashboard, zodat je niet hoeft te geloven wat we beloven maar gewoon kunt zien wat de site doet. Wereldwijd beschikbaar, vanuit Mijdrecht voor de Nederlandse markt en met edge-deploys voor klanten buiten Europa.

Wat doe je vandaag?

Pak je telefoon, schakel wifi uit en doe de acht tests op je eigen site. Schrijf de fouten op papier op, niet in een tab die je later weer sluit. Tel ze. Bij twee of meer fouten, klik door naar de gratis audit en stuur het lijstje mee bij je aanvraag. Wij gebruiken jouw eigen bevindingen als startpunt en bouwen daar onze analyse op uit, in plaats van te beginnen met een generieke tool-uitdraai.

Gerelateerde gidsen

• Site werkt niet op telefoon — 7 oorzaken
• Tap-target 44px regel
• Mobile menu best practices
• Mobiele conversie tips

FAQ — mobiele site zelf testen

Door Twan van Hulst — DesignCheck Mijdrecht. Laatst bijgewerkt 16 mei 2026.