Browser rendering pipeline. Critical rendering path?

Browser rendering pipeline gồm các bước:

1. parse HTML thành DOM tree,
2. parse CSS thành CSSOM tree,
3. kết hợp DOM và CSSOM thành render tree,
4. tính toán layout (vị trí, kích thước),
5. paint (vẽ pixel),
6. composite (ghép các layer)

Critical rendering path là chuỗi bước tối thiểu trình duyệt phải hoàn thành trước khi hiển thị trang — CSS và JavaScript mặc định sẽ block quá trình render.

Tối ưu bằng cách: inline critical CSS, defer hoặc async cho JavaScript, giảm kích thước CSS/JS, và dùng DevTools Coverage để tìm code không sử dụng.