Una pantalla de presentación personalizada hace que tu app web progresiva (AWP) se parezca más a una app creada para ese dispositivo. De forma predeterminada, cuando un usuario inicia tu AWP desde la pantalla principal, Android muestra una pantalla blanca hasta que la AWP está lista. Es posible que el usuario vea esta pantalla blanca y en blanco por hasta 200 ms. Si configuras una pantalla de presentación personalizada, puedes mostrarles a los usuarios un color de fondo personalizado y el ícono de tu AWP, lo que brinda una experiencia atractiva con la marca.
Cómo falla la auditoría de la pantalla de presentación de Lighthouse
Lighthouse marca las páginas que no tienen una pantalla de presentación personalizada:
Cómo crear una pantalla de presentación personalizada
Chrome para Android mostrará automáticamente la pantalla de presentación personalizada, siempre y cuando cumplas con los siguientes requisitos en el manifiesto de la app web:
- La propiedad
namese establece con el nombre de tu AWP. - La propiedad
background_colortiene un valor de color de CSS válido. - La propiedad
theme_colortiene un valor de color de CSS válido. - El array
iconsespecifica un ícono de al menos 512 x 512 px. - El ícono especificado existe y es un archivo PNG.
Si deseas obtener más información, consulta Cómo agregar una pantalla de presentación para aplicaciones web instaladas en Chrome 47.
Recursos
El código fuente de la auditoría No está configurado para una pantalla de presentación personalizada