목록렌더링 과정 (1)

sodol-dotcom

브라우저의 렌더링 과정(Critical Rendering Path)

브라우저의 렌더링 과정(Critical Rendering Path)은 웹 페이지를 사용자에게 표시하기 위해 브라우저가 데이터를 처리하고 시각적으로 표현하는 일련의 단계이다. 이 과정을 이해하면 웹페이지가 어떻게 만들어지는지, 그리고 최적화할 부분이 어디인지 알 수 있다.  1. HTML 다운로드사용자가 웹페이지를 요청하면 브라우저는 서버에서 HTML 파일을 다운로드한다. 이 파일은 웹 페이지의 구조를 정의한다. 2. HTML 파싱다운로드한 HTML 파일을 읽어들여 DOM(Document Object Model)을 생성한다. DOM은 웹페이지의 각 요소를 객체로 표현한 구조이다. 예를 들어, `` 태그는 DOM에서 하나의 객체로 만들어진다. 3. CSS 다운로드HTML을 파싱하면서 브라우저는 CSS 파일(..
Fundamentals/Browser Mechanics 2024. 10. 2. 17:25
이전 Prev 1 Next 다음