목차 브라우저 렌더링 동작 과정 렌더링 최적화 ⭐️ 브라우저 렌더링 동작 과정 브라우저가 서버에서 페이지에 대한 HTML 응답을 받고 화면에 표시하기 전에 여러 단계가 있다. 이를 웹 페이지 빌드 과정(Critical Rendering Path, CRP)이라고 한다. 그 전에 렌더링 엔진이 무엇인지 알아야 한다. 렌더링 엔진에 대하여.. 브라우저의 기본 구조는 다음과 같다. 렌더링 엔진은 URI를 통해 요청 받은 내용을 브라우저 화면에 표시하는 역할을 한다. 대표적으로 사파리와 크롬은 Webkit 이라는 렌더링 엔진을 사용한다. 렌더링 엔진이 하는 일 1. Dom tree 구축 2. Render tree 구축 3. Render tree 배치 4. Render tree 그리기 * DOM tree가 완벽하게..
