El contenido no tiene el tamaño correcto para la ventana gráfica
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
.
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 #
- El código fuente para la auditoría de El contenido no tiene el tamaño correcto para la ventana gráfica
- Conceptos básicos del diseño web responsivo