Viewport optimaliseren voor mobiel

Connor Clark

Gepubliceerd: 8 okt. 2025

Tikinteracties kunnen met maximaal 300 milliseconden worden vertraagd als het viewport niet is geoptimaliseerd voor mobiele apparaten.

Hoe dit inzicht over te brengen

Bij de eerste weergave van de pagina moet een <meta name="viewport"> element aanwezig zijn dat is geoptimaliseerd voor een mobiel apparaat.

Hier is een voorbeeld van een doorgegeven meta-viewportelement:

De criteria voor een voor mobiel geoptimaliseerde viewport zijn als volgt:

• width -attribuut is ingesteld op iets ( device-width is het meest gebruikelijk)
• het initial-scale schaalkenmerk is ingesteld en de waarde ervan is >= 1

Aanvullende referenties

• viewport insight broncode
• Basisprincipes van responsief webdesign
• De viewport-metatag gebruiken om de lay-out in mobiele browsers te beheren
• Chrome-snelheid - Wijzigingen in de eerste invoervertraging in Chrome 91