Retención de pintura: Se reduce el destello blanco en las navegaciones del mismo origen

Por un tiempo, Chrome borró con anticipación la pantalla cuando realiza la transición a una página nueva para que los usuarios tengan la certeza de que la página se está cargando. Este "destello de blanco" es un breve momento durante el cual el navegador muestra una pintura blanca mientras carga una página. Esto puede distraer entre las navegaciones, en especial cuando la página alcanza un estado más interesante con una rapidez razonable.

Sin embargo, en el caso de las páginas que se cargan a gran velocidad, este enfoque es en realidad perjudicial para la experiencia del usuario. En la siguiente animación, verás un ejemplo de cómo se ve esto hoy.

Somos grandes fans de este sitio web y nos pone muy contento que su experiencia de calidad tenga un destello blanco, y quisimos arreglarlo. Lo hicimos con un comportamiento nuevo que llamamos Paint Holding, en el que el navegador espera un momento antes de comenzar a pintar, en especial si la página es lo suficientemente rápida. Esto garantiza que la página se renderice como un todo y que brinde una experiencia realmente instantánea.

Esto funciona aplazando las confirmaciones del compositor hasta que se alcance una señal de carga de página (PLS) determinada (p.ej., el primer procesamiento de imagen con contenido o el tiempo de espera fijo). Distinguimos entre el trabajo de renderización del subproceso principal y la confirmación del subproceso impl (solo el último se aplaza). Esperar hasta que se produzca un PLS reduce la probabilidad de destellantes de color blanco o sólido.

Nuestro objetivo con este trabajo era que las navegaciones en Chrome entre dos páginas del mismo origen fueran fluidas y, por lo tanto, proporcionaran una experiencia de navegación predeterminada rápida sin destellos de fondo blanco o de color sólido entre el contenido antiguo y el nuevo.

Prueba Painting Holding en Chrome Canary (Chrome 76) y envíanos tu opinión. Los desarrolladores no deberían tener que preocuparse de realizar modificaciones en sus páginas para aprovecharlo.