브라우저가 화면에 무언가를 그리기까지는 아래 사진과 같이 3 단계로 나눌 수 있다.

• Javascript 애니메이션 및 기타 작업 스크립트를 수행 (DOM 생성)
• Style - CSS 규칙을 어떤 요소에 적용할지 계산하는 프로세스 (CSSOM 생성)
• Layout - 브라우저는 DOM과 CSSOM을 결합하여 객체들의 위치와 크기 등을 계산하는 렌더 트리(Render Tree)를 생성.
• Paint(redraw) - 브라우저는 렌더 트리를 사용하여 실제로 화면에 픽셀을 출력 (객체가 실제 화면에 그려지는 것을 의미)
• Composite - 브라우저는 화면에 출력되는 객체들을 합성하여 최종 화면을 생성