Reprocesamiento forzado

Connor Clark
Connor Clark

Publicado: 8 de octubre de 2025

Se produce un reprocesamiento forzado cuando JavaScript consulta propiedades geométricas (como offsetWidth) después de que los estilos se invalidan por un cambio en el estado del DOM. Esto obliga al navegador a realizar un diseño de inmediato, lo que interrumpe la ejecución de la secuencia de comandos y genera un rendimiento deficiente.

A continuación, se muestra un ejemplo de código que provoca un nuevo diseño forzado:

Cuando se producen varios reflujos forzados en rápida sucesión, se denomina "layout thrashing".

Cómo aprobar esta estadística

  • Evita, o al menos reduce, la cantidad de escrituras de geometría del DOM que se realizan justo antes de las lecturas.
  • No tener reflujos forzados que tarden más de 30 milisegundos

Referencias adicionales: