Hoe test je of je site responsive is?
Je test of je site responsive is door je browservenster langzaam smaller te slepen en te kijken wat er gebeurt. Daarna controleer je het op een echt toestel.
Die eerste stap kost een minuut.
De tweede laat dingen zien die geen simulatie toont.
De sleeptest
Trek je venster van breed naar smal. Springt er iets weg, overlapt er iets of verschijnt er een horizontale schuifbalk, dan heb je werk.
Meer daarover lees je bij css.
De horizontale schuifbalk
Die is altijd fout. Meestal veroorzaakt door een tabel, een brede afbeelding of een element met een vaste breedte.
Meer daarover lees je bij waarom je site uit elkaar valt op een tablet.
Op een echt toestel
Daar controleer je of knoppen groot genoeg zijn, of je menu werkt met een duim en of je tekst leesbaar blijft in daglicht.
Meer daarover lees je bij accessibility.
Mijn vuistregels
- Sleep je venster van breed naar smal.
- Controleer op een horizontale schuifbalk.
- Test op driehonderdvijfentwintig pixels breed.
- Vul je eigen formulier in op een telefoon.
Die derde is de smalste breedte die je in de praktijk tegenkomt.
Wat je ook test
Inzoomen tot tweehonderd procent. Dat hoort te werken en levert vaak dezelfde problemen op als een smal scherm.
Meer daarover lees je bij frontend.
De snelheidstest
Meet je pagina op een gesimuleerde telefoon met een trage verbinding. Responsive zijn is niet genoeg als het te lang duurt.
Meer daarover lees je bij pagespeed.