Splash Screen

Se utilizzate uno splash screen personalizzato per la vostra PWA, riuscirete a farla assomigliare di più a un'app.

PWA

Perché impostare uno splash screen personalizzato?

Se si utilizza uno splash screen personalizzato per la propria PWA (Progressive Web App), la si farà assomigliare di più a un'app creata appositamente per il dispositivo su cui viene aperta.

Quando la PWA viene lanciata dall'utente, impiega alcuni istanti per caricarsi, durante i quali viene visualizzata una schermata vuota (per 200 ms al massimo).

È possibile sfruttare questo tempo di attesa utilizzando uno sfondo monocromatico per l'icona della PWA, rendendo così il caricamento meno anonimo.

 

Come viene visualizzato lo splash screen di SeoChecker

Se la pagina non ha uno splash screen personalizzato, SeoChecker lo segnalerà.

splash screen

 

Come posso creare uno splash screen personalizzato?

Assicuratevi di seguire questi requisiti nel Manifesto dell'applicazione Web:

  • è necessario specificare un'icona di almeno 512x512 px nell'array delle icone;
  • impostare un valore valido di colore CSS nella proprietà  background_color ;
  • per l'icona usate un PNG;
  • assicurarsi che la proprietà name corrisponda al nome della PWA.

Condividi questa Guida.

Ti è piaciuta? Condividila!

Share it!

Web tools per sviluppatori moderni. Provali!

Generatori, builder e validatori per migliorare le tue performance di ottimizzazione SEO e web

Home Back to top of the page