Reflow và repaint là gì?

Ba bước render pipeline của browser, xếp theo mức độ tốn tài nguyên:

• Reflow (layout): tính toán lại vị trí/kích thước elements — tốn nhất. Gây ra bởi: thay đổi width/height.
• Repaint: vẽ lại pixels — ít tốn hơn. Gây ra bởi: thay đổi color.
• Composite: ghép layers — ít tốn nhất. Gây ra bởi: transform.