Hoe test je of je website echt responsive is?

Op een echte telefoon, niet in een simulator. Dat is de kern.

De ontwikkelaarsmodus in Chrome laat je snel schermformaten doorlopen en is prima om indelingsfouten te vinden. Wat hij niet laat zien is hoe de site aanvoelt met een duim, hoe zwaar hij laadt op een mobiele verbinding, en of het toetsenbord het juiste type is bij een invoerveld.

Onze testronde:

1. Rek in de browser het venster langzaam van breed naar 320 pixels en kijk waar de indeling breekt.
2. Open de site op een middenklasse telefoon op een mobiele verbinding, niet op wifi.
3. Doorloop je belangrijkste route met alleen je duim: van de homepage tot een verstuurd formulier of een afgeronde bestelling.
4. Zoom in tot 200 procent en kijk of je nog steeds alles kunt lezen zonder horizontaal te scrollen.
5. Controleer in Search Console of Google problemen meldt op de mobiele versie.

Stap 2 is de stap die het vaakst wordt overgeslagen en het meeste oplevert. Een site die op een nieuwe telefoon op kantoorwifi prima werkt, kan op een vier jaar oud toestel buiten de stad onbruikbaar zijn.