Paint o pintado es poner los detalles finales para que el proyecto se pueda ver como queríamos al principio, cada contenedor es como una caja en la cual solo queda ponerle color o diseño dinámico. Es la parte final, así que después de esto podríamos interactuar con la página.
En esta fase el navegador convierte al árbol de representación o Render Tree en píxeles en la pantalla. Una vez finaliza el evento “Layout”, el navegador desencadena dos eventos: “Paint setup” y “Paint”, que convierten al árbol de representación en pixeles en la pantalla.
Dentro del Paint tenemos dos acciones que son muy costosas las cuales son el Reflow y Repaint. El Repaint ocurre cuando se realizan cambios en un elemento que cambia visiblemente, pero no afecta su diseño. Un Reflow es aún más crítico para el rendimiento porque implica cambios que afectan el diseño de una parte de la página (o de toda la página).
El tiempo necesario para realizar la construcción, el diseño y la pintura del árbol de representación varía según el tamaño del documento, la estilización y el dispositivo usado.
Herramientas que le ayudarán a verificar el performance de sus desarrollos.
Comentarios
Publicar un comentario