목록브라우저 렌더링 과정 (1)

Jaeilit

브라우저 렌더링

앞에 글에서 URL 을 입력했을 때 DNS 서버에서 IP 를 반환받아 해당 IP 주소의 서버에서 리소스를 받아오는 것까지 알아봤습니다. 받아온 리소스를 어떻게 브라우저에 렌더링하는지 알아보려고 합니다. 브라우저 렌더링 과정 파싱 브라우저는 렌더링 엔진을 통해서 HTML 을 파싱하기 시작합니다. 파싱하던 중 Javascript 코드인 script 태그를 만나게 됩니다. script 태그를 만난 렌더링 엔진은 파싱을 일시중단하고 JS 리소스를 다운로드 하고, JS 를 파싱하기위해 제어권을 JS 엔진에게 넘깁니다. HTML 을 동기적으로 파싱하고 있었기 때문에 JS 엔진에게 넘긴 script 태그도 끝날때까지 기다려야합니다. 이 부분에서 지연이 발생할수있고 JS가 돔을 조작하는 이벤트를 가지고 있다면 scri..
TIL 2023. 6. 7. 11:00
이전 Prev 1 Next 다음