Comprensión de la ruta de renderización crítica | Programar Plus

Ire Aderinokun:

Hay 6 etapas en el CRP:

  1. Construyendo el árbol DOM
  2. Construyendo el árbol CSSOM
  3. Ejecutando JavaScript
  4. Crear el árbol de renderizado
  5. Generando el diseño
  6. Cuadro

Me imagino que si realmente te estás metiendo en el trabajo de interpretación, querrás tener una comprensión firme de esto. Hay muchas formas de bloquear / retrasar partes de este proceso. El trabajo de un perf nerd es entender cuándo y por qué está sucediendo, evaluar si es necesario o no y modificar las cosas para llegar a ese paso de pintura lo antes posible.

Tengo curiosidad por saber si esto es lo suficientemente genérico como para que el 100% de todos los motores de renderizado funcionen al 100% de la misma manera, o si existen diferencias significativas.

Enlace directo →

(Visited 4 times, 1 visits today)