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 name se establece con el nombre de tu AWP.
La propiedad background_color tiene un valor de color de CSS válido.
La propiedad theme_color tiene un valor de color de CSS válido.
El array icons especifica un ícono de al menos 512 x 512 px.
[[["Fácil de comprender","easyToUnderstand","thumb-up"],["Resolvió mi problema","solvedMyProblem","thumb-up"],["Otro","otherUp","thumb-up"]],[["Falta la información que necesito","missingTheInformationINeed","thumb-down"],["Muy complicado o demasiados pasos","tooComplicatedTooManySteps","thumb-down"],["Desactualizado","outOfDate","thumb-down"],["Problema de traducción","translationIssue","thumb-down"],["Problema con las muestras o los códigos","samplesCodeIssue","thumb-down"],["Otro","otherDown","thumb-down"]],["Última actualización: 2024-04-16 (UTC)"],[],[]]