Front-end/basic (1) 썸네일형 리스트형 Critical Rendering Path Critical Rendering Path(CRP)는 HTML, CSS, JavaScript를 화면의 픽셀로 변환하기 위해 브라우저가 거치는 과정입니다. 앞으로 CRP로 축약해서 사용하겠습니다. CRP에는 Document Object Model(DOM), CSS Object Model(CSSOM), Render tree 및 Layout이 있습니다. 1. HTML을 서버에게 받은 후, 파싱을 해서 DOM(Document Object Mode) 트리 구축 2. HTML에 링크된 CSS 파싱 후, CSSOM(CSS Object Model) 트리 구축 -> CSS는 렌더링 차단 리소스이므로 파싱 중에는 렌더링이 차단된다. -> 이는 CSS가 Cascade의 속성을 가졌기 때문이다. 3. JavsScript 실행.. 이전 1 다음