목차

렌더링

<aside> 👉 HTML,CSS,자바스크립트로 작성된 문서를 파싱하여 브라우저에 시각적으로 출력하는 것

</aside>

브라우저별 렌더링 엔진

렌더링 과정

출처: https://d2.naver.com/helloworld/59361

출처: https://d2.naver.com/helloworld/59361

파싱 Parsing

Render-blocking

[이미지와 같은 논블로킹 리소스](https://blog.logrocket.com/9-tricks-eliminate-render-blocking-resources/#:~:text=Images%2C media files%2C and <,as non-render blocking resources.)를 만나면 HTML파서는 해당 리소스를 요청하고 계속해서 파싱한다. script 태그는 렌더링을 블로킹 하므로 HTML 파싱을 중단한다. (head 태그 내에 있는 요소들은 기본적으로 render blocking하는 리소스로 인식한다.)