Desde hace un tiempo, Chrome borra la pantalla con entusiasmo cuando se realiza la transición a una página nueva para garantizarles a los usuarios que la página se está cargando. Este “destello de color blanco” es ese 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 es razonablemente rápida y alcanza un estado más interesante.
Sin embargo, para las páginas que se cargan muy rápido, este enfoque es perjudicial a la experiencia del usuario. En la siguiente animación, se muestra un ejemplo de cómo se ve hoy.
Somos grandes fans de este sitio web y nos molesta que su experiencia de calidad tenga un destello blanco, por lo que queríamos solucionarlo. Lo hicimos con un comportamiento nuevo que llamamos retención de pintura, en el que el navegador espera brevemente antes de comenzar a pintar, especialmente si la página es lo suficientemente rápida. Esto garantiza que el la página se renderiza en su totalidad y brinda una experiencia realmente instantánea.
Esto funciona aplazando las confirmaciones del compositor hasta que se cargue una página determinada. cuando se alcanza la señal global (PLS) (p.ej., primer procesamiento de imagen con contenido o tiempo de espera fijo). Mié Distinguir entre el trabajo de renderización del subproceso principal y la confirmación en el subproceso de implementación (solo esta última se aplaza). Esperar hasta que ocurra un PLS reduce la probabilidad de destellos de blanco/color sólido.
Nuestro objetivo con este trabajo era para las navegaciones en Chrome entre dos páginas que son del mismo origen para ofrecer una experiencia fluida y, por lo tanto, ofrecer una navegación predeterminada rápida sin destellos de fondo blanco o de colores sólidos entre lo antiguo y lo nuevo. contenido.
Prueba la función de retención de pintura en Chrome Canary (Chrome 76) y danos tu opinión. Los desarrolladores no deberían tener que preocuparse por hacer modificaciones en sus páginas para aprovecharla.