No está configurado para una pantalla de presentación personalizada

Una pantalla de presentación personalizada hace que tu app web progresiva (AWP) se parezca más a una app compilada para ese dispositivo. De forma predeterminada, cuando un usuario inicia la 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 durante un máximo de 200 ms. Si configuras una pantalla de presentación personalizada, podrás 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:

Auditoría de Lighthouse que muestra que el sitio no está configurado para una pantalla de presentación personalizada

Cómo crear una pantalla de presentación personalizada

Chrome para Android muestra automáticamente la pantalla de presentación personalizada, siempre que cumplas con los siguientes requisitos en el manifiesto de la aplicación web:

  • La propiedad name se establece con el nombre de tu AWP.
  • La propiedad background_color se estableció con un valor de color de CSS válido.
  • La propiedad theme_color se estableció con un valor de color de CSS válido.
  • El array icons especifica un ícono de al menos 512 x 512 px.
  • El ícono especificado existe y es un archivo PNG.

Consulta Cómo agregar una pantalla de presentación para apps web instaladas en Chrome 47 para obtener más información.

Recursos

Código fuente de la auditoría No está configurado para una pantalla de presentación personalizada