Critical-Rendering-Path

브라우저에 어떻게 그림이 그려질까?

다운로드 - html(DOM), css(CSSOM) 그릴준비 - 두개 합치기(렌더트리) - 위치그리기 - 색칠하기

브라우저에따라 위치를 그리는 것을 레이아웃, 리플로우
색칠하는 것을 페인트, 리페인트 라고 부른다.

레이아웃을 다시 그리는 것은 피할 수 있으면 피하는 것이 좋다.
https://csstriggers.com/