El contenido no tiene el tamaño correcto para la ventana gráfica

Published on Updated on

Translated to: English, Português

La ventana gráfica es la parte de la ventana del navegador en la que se ve el contenido de tu página. Cuando el ancho del contenido de tu página es más pequeño o más grande que el ancho de la ventana gráfica, es posible que no se muestre correctamente en las pantallas de los dispositivos móviles. Por ejemplo, si el ancho del contenido es demasiado grande, el contenido puede reducirse para ajustarse, lo que dificulta la lectura del texto.

Cómo falla la auditoría de ancho de contenido de Lighthouse

Lighthouse marca las páginas cuyo ancho no es igual al ancho de la ventana gráfica:

Auditoría Lighthouse que muestra contenido que no tiene el tamaño correcto para la ventana gráfica

La auditoría falla si window.innerWidth no es igual a window.outerWidth.

In the Lighthouse report UI the full PWA badge is given when you pass all of the audits in all of the PWA subcategories (Fast and reliable, Installable, and PWA optimized).

Cómo hacer que tu página se ajuste a las pantallas de los dispositivos móviles

Esta auditoría es una forma indirecta de determinar si tu página está optimizada para dispositivos móviles. Consulta los conceptos básicos del diseño web responsivo de Google para obtener una descripción general de cómo crear una página compatible con dispositivos móviles.

Puedes ignorar esta auditoría si:

  • Tu sitio no necesita estar optimizado para pantallas móviles.
  • El ancho del contenido de tu página es intencionalmente más pequeño o más grande que el ancho de la ventana gráfica.

Recursos

Last updated: Improve article

We serve cookies on this site to analyze traffic, remember your preferences, and optimize your experience.