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 icons specifica un'icona di dimensioni minime pari a 512 x 512 px.
[[["Facile da capire","easyToUnderstand","thumb-up"],["Il problema è stato risolto","solvedMyProblem","thumb-up"],["Altra","otherUp","thumb-up"]],[["Mancano le informazioni di cui ho bisogno","missingTheInformationINeed","thumb-down"],["Troppo complicato/troppi passaggi","tooComplicatedTooManySteps","thumb-down"],["Obsoleti","outOfDate","thumb-down"],["Problema di traduzione","translationIssue","thumb-down"],["Problema relativo a esempi/codice","samplesCodeIssue","thumb-down"],["Altra","otherDown","thumb-down"]],["Ultimo aggiornamento 2024-04-16 UTC."],[],[]]