Optimiser la fenêtre d'affichage pour les mobiles

Connor Clark

Publié le 8 octobre 2025

Les interactions tactiles peuvent être retardées jusqu'à 300 millisecondes si la fenêtre d'affichage n'est pas optimisée pour les mobiles.

Ignorer cet insight

Lors du rendu initial de la page, un élément <meta name="viewport"> optimisé pour un appareil mobile doit être présent.

Voici un exemple d'élément de fenêtre d'affichage meta conforme :

Voici les critères à respecter pour qu'une fenêtre d'affichage soit optimisée pour les mobiles :

• L'attribut width est défini sur une valeur (device-width est la plus courante).
• L'attribut initial-scale est défini et sa valeur est >= 1.

Autres références

• Code source de l'insight sur la fenêtre d'affichage
• Principes de base du responsive web design
• Utiliser la balise Meta viewport pour contrôler la mise en page dans les navigateurs mobiles
• Vitesse de Chrome : modifications apportées au First Input Delay dans Chrome 91