Una schermata iniziale personalizzata rende la tua app web progressiva (PWA) più simile a un'app creata per quel dispositivo. Per impostazione predefinita, quando un utente avvia la PWA dalla schermata Home, Android mostra una schermata bianca finché la PWA non è pronta. L'utente può visualizzare questa schermata bianca vuota per un massimo di 200 ms. Configurando una schermata iniziale personalizzata, puoi mostrare agli utenti un colore di sfondo personalizzato e l'icona della tua PWA, fornendo un'esperienza brandizzata e coinvolgente.
In che modo il controllo della schermata iniziale di Lighthouse non va a buon fine
Lighthouse segnala le pagine che non hanno una schermata iniziale personalizzata:
Come creare una schermata iniziale personalizzata
Chrome per Android mostra automaticamente la tua schermata iniziale personalizzata a condizione che vengano soddisfatti i seguenti requisiti nel file manifest dell'app web:
- La proprietà
nameè impostata sul nome della PWA. - La proprietà
background_colorè impostata su un valore colore CSS valido. - La proprietà
theme_colorè impostata su un valore colore CSS valido. - L'array
iconsspecifica un'icona di dimensioni minime pari a 512 x 512 px. - L'icona specificata esiste ed è in formato PNG.
Per ulteriori informazioni, vedi Aggiunta di una schermata iniziale per le app web installate in Chrome 47.
Risorse
Codice sorgente per il controllo Non è configurato per una schermata iniziale personalizzata