Da un po' di tempo Chrome ha cancellato con impazienza la schermata durante il passaggio a una nuova pagina per rassicurare gli utenti sul caricamento di questa pagina. Questo "lampo di bianco" è un breve momento durante il quale il browser mostra una vernice bianca durante il caricamento di una pagina. Questo può distrarre la navigazione tra una navigazione e l'altra, soprattutto quando la pagina raggiunge uno stato più interessante in tempi ragionevolmente rapidi.
Tuttavia, per le pagine che si caricano rapidamente, questo approccio è in realtà dannoso per l'esperienza utente. Nell'animazione che segue, puoi vedere un esempio dell'aspetto attuale.
Siamo grandi fan di questo sito web e siamo sorpresi dal fatto che la loro esperienza di qualità ha un pizzico di bianco e volevamo risolvere il problema. Lo abbiamo fatto con un nuovo comportamento chiamato Paint Holding, in cui il browser attende brevemente prima di iniziare a colorare, soprattutto se la pagina è abbastanza veloce. Ciò garantisce che la pagina venga visualizzata nel suo complesso offrendo un'esperienza davvero istantanea.
In questo modo rimandiamo i commit del compositore fino a quando non viene raggiunto un determinato indicatore di caricamento pagina (PLS), ad esempio First Contentful Paint / timeout fisso. Distinguiamo tra lavoro di rendering nel thread principale e commit al thread dell'impl (solo il secondo viene differito). Attendere che si verifichi un PLS riduce la probabilità che si verifichino lampi di bianco o a tinta unita.
Il nostro obiettivo con questo lavoro era fare in modo che le navigazioni in Chrome tra due pagine della stessa origine fossero senza interruzioni e in modo da offrire un'esperienza di navigazione predefinita veloce senza lampi di sfondo bianco o a tinta unita tra i contenuti vecchi e quelli nuovi.
Prova Paint Holding in Chrome Canary (Chrome 76) e facci sapere cosa ne pensi. Per sfruttare questa possibilità, gli sviluppatori non devono preoccuparsi di apportare modifiche alle proprie pagine.