deep_sea deep_sea

critical rendering path 토스 세션 영상을 보면서 찾아본 용어이다. 대충 짐작은 가지만 처음 들어보는 용어였기에 한 번 찾아보았다. 크리티컬 렌더링 패스(Critical Rendering Path)는 웹 페이지의 초기 로드 시각과 사용자에게 내용이 표시되는 시간에 영향을 주는 일련의 단계이다. 웹 페이지를 표시하는 데 필요한 리소스를 가져오고 처리하는 과정을 의미한다. 크리티컬 렌더링 패스는 몇 가지의 단계로 구성된다. HTML 파싱 브라우저는 HTML 문서를 파싱하여 DOM 트리를 생성한다. DOM은 Document Object Model의 약자로 문서의 구조와 컨텐츠를 표현하는 객체 트리이다. CSS 파싱 브라우저는 CSS 파일 및 내장 스타일을 파싱하여 CSSOM(CSS Objec..