Skip to content

Commit 07217d7

Browse files
authored
Update Critical_Rendering_Path.md
1 parent c5c77ae commit 07217d7

File tree

1 file changed

+6
-0
lines changed

1 file changed

+6
-0
lines changed

Critical_Rendering_Path.md

+6
Original file line numberDiff line numberDiff line change
@@ -107,6 +107,12 @@ CSSOM 및 DOM 트리는 결합하여 렌더링 트리를 형성한다. DOM 은
107107
레이아웃 프로세스에서는 뷰포트 내에서 각 요소의 적황한 위치와 크기를 정확하게 캡처하는 '박스 모델'이 출력된다. 모든 상대적인 측정값은
108108
화면에서 절대적인 픽셀로 변환된다.
109109
110+
#### Layouting 은 언제 발생할까?
111+
- 첫번째 DOM 생성시
112+
- HTML chunk 가 발생할 때 (by script)
113+
- Html element 크기나 위치가 변경될 때
114+
- Sub-resources 가 로드 될때 (e.g. image)
115+
110116
## 페인팅
111117
렌더링 트리의 각 노드를 화면의 실제 픽셀로 변환하는 마지막 단계로 이 단계를 '페인팅' 또는 '래스터화' 라고 한다.
112118
- 마지막 단계는 최종 렌더링 트리에서 수행되는 페인트이며, 픽셀을 화면에 렌더링한다.

0 commit comments

Comments
 (0)