Connor Clark
Publicado em: 8 de outubro de 2025
Um reflow forçado ocorre quando o JavaScript consulta propriedades geométricas (como offsetWidth) depois que os estilos são invalidados por uma mudança no estado do DOM. Isso força o navegador a fazer um layout imediatamente, o que interrompe a execução do script e resulta em desempenho ruim.
Exemplo de código que causa refluxo forçado:
Vários reflows forçados em rápida sucessão são chamados de "layout thrashing".
Como transmitir esse insight
- Evite ou pelo menos reduza a quantidade de gravações de geometria do DOM feitas pouco antes das leituras.
- Não ter reflows forçados que levem mais de 30 milissegundos.