Para volver a renderizar la parte o la página completa, el proceso de recalculación de ubicaciones y geometrías de elementos de página se llama reflujo. Dado que el reflujo es una operación de bloqueo de usuarios en un navegador, es muy necesario que los desarrolladores comprendan cómo reducir la cantidad de refluos y el impacto de diferentes atributos del documento (profundidad DOM, eficiencia de CSS y ningún tipo de cambio de estilo) en la cantidad de refluidades. A veces, un solo elemento en la página de reflujo reflomeá su elemento principal y todos los elementos infantiles.
Hay múltiples acciones del usuario y cambios DHTML que pueden activar el reflujo. Cambie el tamaño de la ventana del navegador, use JavaScript para calcular estilos, crear elementos de eliminación en el DOM y cambiar la clase del elemento activará la reflujo. Vale la pena señalar que algunas operaciones desencadenarán el reflujo varias veces, más allá de su imaginación. La siguiente imagen proviene del discurso de Steve Souders, incluso sitios web más rápidos:
Es obvio de la tabla anterior que no todos los estilos controlados por JavaScript activan la reflexión en todos los navegadores, incluso si el número de desencadenantes se desencadena es diferente. Al mismo tiempo, se puede ver que los navegadores modernos están mejor y mejor para controlar el número de reflotes.
En Google, medimos nuestras páginas y aplicaciones web de muchas maneras, y el reflujo es un factor clave que consideramos al agregar UI. Estamos comprometidos a transmitir experiencias de usuario animadas, interactivas y encantadoras.
en principioAquí hay algunos principios para reducir el reflujo:
En el video a continuación (nota de traducción: citado de YouTube, no se puede ver, vaya al texto original para navegar por la pared), Lindsey presenta algunas formas de reducir el reflujo.
Lectura adicional