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. Si 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 importante, le contenu peut être réduit pour s'adapter, ce qui rend le texte difficile à lire.

Échec de l'audit de largeur de contenu de Lighthouse

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

Audit Lighthouse indiquant 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 est un moyen rond de déterminer si votre page est optimisée pour les appareils mobiles. Consultez la page 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:

  • Il n'est pas nécessaire d'optimiser votre site 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