Deze vertaling is nog niet redactioneel gecontroleerd. De Duitse versie is leidend. Deutsche Fassung →
Responsive
Op welke schermgroottes moet een website worden getest?
Een website moet op drie schermgroottes worden getest: smartphone met 390, tablet met 768 en desktop met 1440 pixels breedte. Deze drie profielen dekken de gangbare apparaatklassen af. De controledienst beeldt daarbij echte apparaten na — met touch-bediening, mobiele browserkennisgeving en passende pixeldichtheid — in plaats van alleen een browservenster kleiner te maken.
Drie profielen bestrijken de apparaatklassen
Het smartphoneprofiel meet 390 bij 844 pixels — het formaat van een huidige standaard telefoon. Het tabletprofiel meet 768 bij 1024 pixels, een tablet in staande stand. Het desktopprofiel meet 1440 bij 900 pixels, een veel voorkomende monitor. Op deze drie breedtes wisselen de meeste websites van uiterlijk: het menu klapt samen, kolommen stapelen op, afbeeldingen schalen. Juist daarom volstaat één blik op uw eigen scherm niet — een pagina kan op het bureaublad perfect werken en op de telefoon zijwaarts scrollen, tekst afsnijden of knoppen krimpen. Elk profiel wordt daarom afzonderlijk getest en in het rapport apart weergegeven, samen met een schermafbeelding.
Echte apparaatemulatie levert echte resultaten
Een alleen verkleind browservenster gedraagt zich anders dan een telefoon. Veel websites schakelen hun mobiele weergave pas als de browser zich als mobiel apparaat aangeeft: met aanraking, mobiele browserkenteken en de hogere pixeldichtheid van een telefoonscherm. De controledienst richt daarom voor elk profiel een volledige apparaatemulatie in — het smartphoneprofiel meldt zich als telefoon met aanraking en drievoudige pixeldichtheid, het tabletprofiel als tablet. Zonder deze emulatie zouden zich valse bevindingen voordoen: de controle zou een tussenvorm van de pagina zien die geen echte bezoeker ooit te zien krijgt. Ermee ziet het dezelfde weergave als het publiek.
De controle ziet de pagina als een bezoeker
Voordat wordt gemeten, laat de controle de pagina volledig laden en tot rust komen. Vervolgens rolt het langzaam eenmaal naar het einde van de pagina en weer omhoog — als een bezoeker die rondkijkt. Dit heeft een technische reden: veel pagina's blenden inhoud pas in bij scrollen. Als de meting hiervoor zou plaatsvinden, zouden deze blokken nog in hun uitgangspositie staan, en zou de controle een indeling rapporteren die niet echt bestaat. Pas na deze doorgang begint de werkelijke meting: scrollgedrag, bedieningsoppervlakken, tekstomloop, inhoud op het eerste scherm — per profiel, met schermafbeelding ter bewijsvoering.
- Controleer nieuwe pagina's op minimaal één echt smartphone, aanvullend op het zicht op uw werkplekscherm.
- Vergelijk de drie schermafbeeldingen in het controlerapport — zij tonen hoe dezelfde pagina per apparaatklasse eruitziet.
- Vraag uw bureau op welke schermbreedte uw website haar indeling verandert, en laat precies deze overgangen testen.
- Behandel de mobiele weergave als hoofdweergave, want veel bezoekers zien uw website uitsluitend op de telefoon.