D
-
HTML 파싱과 렌더링Front-end 2022. 7. 3. 20:13
Parse 파싱이란 프로그램이 런타임 환경에서 실제로 실행될 수 있는 포맷으로 분석하고 변환하는 것입니다. 브라우저 내부의 자바스크립트 엔진이 이에 해당합니다. 브라우저는 HTML을 DOM tree로 파싱합니다. HTML 파싱은 tokenization과 트리 구조를 포함합니다. HTML 토큰은 names, values와 같은 태그들을 포함합니다. HTML parser가 이미지 같은 non-blocking 요소들을 발견하게 되면 브라우저는 이 자원들을 요청하고 파싱을 멈추지 않고 진행합니다. CSS파일을 만나도 멈추지않고 파싱이 계속되지만, 태그를 만나게 되면 렌더링이 멈추고 HTML 파싱이 중단됩니다. 스크립트가 다운로드 되고 실행되기 전까지 HTML 파싱이 중단되는 이유는 DOM 을 조작하는 API 를..