Blog/etc.
브라우저의 동작 (3) - 웹 페이지 최적화
Critical Rendering Path 지난 글에서 웹 브라우저가 어떻게 일하는지 간략하게 알아보았습니다. 구글에서는 이를 Critical Rendering Path(CRP, 주요 렌더링 경로)라고 부르며, 이를 최적화하는 방법에 대한 강의와 문서도 있습니다. 사이트 최적화를 하는 방법 중 하나는 이 CRP를 간결하게 하는 것입니다. HTML 다운로드 Hello, world 우리가 웹 사이트에 접속하면 브라우저는 우선 서버에 페이지를 요청합니다. 이후 html에 대한 응답이 오면, 쉬고 있던(idle 상태의) 브라우저는 DOM을 만들기 시작합니다. 그리고 DOM이 다 그려지면 렌더 트리를 구현하고 페이지를 렌더링합니다. 위 이미지를 보면 html을 다운로드받는 데 205ms가 걸린 걸 볼 수 있습니다..
2020. 6. 12.