Ubah posisi/geometri yang dipaksa

Connor Clark
Connor Clark

Dipublikasikan: 8 Okt 2025

Perubahan posisi/geometri paksa terjadi saat JavaScript meminta properti geometris (seperti offsetWidth) setelah gaya dibatalkan karena perubahan pada status DOM. Hal ini memaksa browser untuk segera melakukan tata letak, yang mengganggu eksekusi skrip dan menghasilkan performa yang buruk.

Contoh kode yang menyebabkan reflow paksa:

Beberapa reflow paksa secara berurutan dalam waktu cepat disebut "layout thrashing".

Cara meneruskan insight ini

  • Hindari, atau setidaknya kurangi, jumlah penulisan geometri DOM yang dilakukan tepat sebelum pembacaan.
  • Tidak memiliki tata ulang paksa yang membutuhkan waktu lebih dari 30 milidetik.

Referensi tambahan