## 브라우저 랜더링 파이프라인 브라우저 랜더링 파이프라인은 일반적으로 아래 3단계를 거쳐서 진행된다. 1. [[이벤트 루프]] 사이클 2. rAF 콜백 실행 3. Critical Rendering Path 실행 ## 브라우저 랜더링 파이프라인과 이벤트 루프 **이벤트 루프 사이클은 계속 돌 수 있지만 rAF 콜백과 Critical Rendering Path는 랜더링 주기에 맞춰 실행된다.** 브라우저 랜더링 파이프라인을 러프하게 정리하면 1. 콜 스택이 비었는지 계속 확인하다가 빈 것을 확인하면 2. 마이크로 태스크 큐에 있는 마이크로 태스크를 모두 실행 (마이크로 태스크 큐가 빌 때 까지) (참고: [[마이크로태스크 · 태스크 큐]]) 3. 태스크 큐에 있는 태스크를 하나 실행 4. **(아직 랜더링 주기가 돌아오지 않았다면 1단계로 다시 돌아감.)** 5. rAF 콜백 실행 6. Critical Rendering Path 실행 ## 참고 - [Tasks, microtasks, queues and schedules - JakeArchibald.com](https://jakearchibald.com/2015/tasks-microtasks-queues-and-schedules/)