Reflow là gì?

Trong critical rendering path, giai đoạn chuyển render tree thành layout được gọi là reflow. Reflow xảy ra khi trình duyệt phải tính toán lại vị trí và hình dạng của các phần tử (element) trong tài liệu (document), nhằm mục đích hiển thị lại một phần hoặc toàn bộ tài liệu, chẳng hạn như sau một cập nhật trên một website tương tác (interactive website).

Có rất nhiều hành động của người dùng có thể xảy ra có thể kích hoạt (trigger) reflow. Thay đổi kích thước cửa sổ trình duyệt, sử dụng các phương thức JavaScript liên quan đến các style được tính toán, thêm hoặc xóa các phần tử khỏi DOM và thay đổi các class của phần tử (element) là một vài trong số những thứ có thể kích hoạt reflow.