Buộc chỉnh lại luồng

Connor Clark
Connor Clark
X GitHub

Ngày xuất bản: 8 tháng 10 năm 2025

Chế độ buộc chỉnh lại luồng diễn ra khi JavaScript truy vấn các thuộc tính hình học (chẳng hạn như offsetWidth) sau khi các kiểu đã bị vô hiệu hoá do trạng thái DOM có thay đổi. Điều này buộc trình duyệt phải bố trí ngay lập tức, làm gián đoạn quá trình thực thi tập lệnh và dẫn đến hiệu suất kém.

Ví dụ về mã gây ra quá trình kết xuất lại bắt buộc:

Nhiều lần truyền lại bắt buộc liên tiếp được gọi là "layout thrashing" (bố cục bị giật).

Cách truyền thông tin chi tiết này

  • Tránh hoặc ít nhất là giảm số lượng thao tác ghi hình học DOM được thực hiện ngay trước khi đọc.
  • Không có quá trình tái kết xuất bắt buộc nào mất hơn 30 mili giây.

Tài liệu tham khảo khác