La taille du contenu n'est pas correcte pour la fenêtre d'affichage

La fenêtre d'affichage est la partie de la fenêtre du navigateur dans laquelle le contenu de votre page est visible. Lorsque la largeur du contenu de votre page est inférieure ou supérieure à la largeur de la fenêtre d'affichage, il est possible qu'elle ne s'affiche pas correctement sur les écrans mobiles. Par exemple, si la largeur du contenu est trop grande, le contenu peut être réduit pour s'adapter, ce qui rend le texte difficile à lire.

Échec de l'audit de largeur de contenu Lighthouse

Lighthouse indique les pages dont la largeur n'est pas égale à la largeur de la fenêtre d'affichage:

Audit Lighthouse montrant que le contenu n'est pas correctement dimensionné pour la fenêtre d'affichage

L'audit échoue si window.innerWidth n'est pas égal à window.outerWidth.

Adapter votre page aux écrans mobiles

Cet audit vous permet de déterminer si votre page est optimisée pour les appareils mobiles. Consultez les principes de base du Responsive Web Design de Google pour découvrir comment créer une page adaptée aux mobiles.

Vous pouvez ignorer cet audit si:

  • Votre site n'a pas besoin d'être optimisé pour les écrans mobiles.
  • La largeur du contenu de votre page est intentionnellement plus petite ou plus grande que la largeur de la fenêtre d'affichage.

Ressources