js 렌더링 순서

최석훈·2021년 8월 1일
0
post-custom-banner

construction(DOM,CSSOM,Render Tree)

1.request/response

사용자가 서버에게 html을 요청하고 그 신호를 서버가 받는 과정.

2. loading

서버에서 보낸 html 정보를 받는 과정.

3. scripting

html을 하나씩 읽으면서 DOM 요소로 변환하는 과정.
(css같은 경우는 CSSOM으로 변경)

4. rendering

브라우저에 표기하기 위해서 rendering tree를 만드는 과정.

Operation(layout,paint,composition)

5. layout

각각 요소들이 어떤 위치에 얼마나 크게 표시할지 계산하는 과정.

6. painting

말 그대로 브라우저에 페인팅을 하는 과정.

profile
하루를 열심히

0개의 댓글