El contenido no tiene el tamaño correcto para la ventana gráfica
Published on • Updated on
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:
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
Updated on • Improve article