Zorunlu yeniden düzenleme

Connor Clark
Connor Clark

Yayınlanma tarihi: 8 Ekim 2025

DOM durumunda yapılan bir değişiklik nedeniyle stiller geçersiz kılındıktan sonra JavaScript, geometrik özellikler (ör. offsetWidth) sorguladığında zorunlu yeniden düzenleme gerçekleşir. Bu durum, tarayıcıyı hemen bir düzen oluşturmaya zorlar. Bu da komut dosyası yürütmesini kesintiye uğratır ve performansın düşmesine neden olur.

Yeniden akışa zorlayan kod örneği:

Hızlı bir şekilde art arda birden fazla zorunlu yeniden akışa "düzen karmaşası" denir.

Bu analizden nasıl yararlanabilirsiniz?

  • Okuma işlemlerinden hemen önce yapılan DOM geometrisi yazma işlemlerinin sayısını azaltın veya bu işlemleri tamamen ortadan kaldırın.
  • 30 milisaniyeden uzun süren zorunlu yeniden akış olmamalıdır.

Ek referanslar