CRP(Critical Rendering Path)

💡브라우저의 렌더링 프로세스를 알아야하는 이유

웹 애플리케이션 응답 속도 때문 !
속도 개선을 위해서는 브라우저 렌더링 최적화가 반드시 고려되어야 한다.

중요 렌더링 경로(Critical Rendering Path)는 브라우저가 HTML, CSS , Javascript를 화면에 픽셀로 변환한는 일련의 단계를 말하며 이를 최적화하는 것은 렌더링 성능을 향상 시킨다.
중요 렌더링 경로는 Document Object Model , CSS Object Model(CSSOM), 렌더트리 그리고 레이아웃을 포함한다.

*웹 성능은 서버의 요청과 응답, 로딩, 스크립팅,렌더링,레이아웃 그리고 화면에 픽셀 그리기를 포함한다.

자세한 설명은 우리의 백과사전 MDN 을 참고합시다 !!!