critical rendering path
중요 렌더링 경로 (Critical Rendering Path) 브라우저가 HTML, CSS, Javascript를 화면에 픽셀로 변화하는 일련의 단계 이를 최적화하는 것은 렌더링 성능을 향상시킵니다. CRP (critical rendering path) 이해하기 웹 성능 : 서버의 요청과 응답, 로딩, 스크립팅, 렌더링, 레이아웃, 픽셀 그리기 HTML 요청 -> 서버 (응답 헤더 or 데이터 -> HTML ) -> 브라우저 (HTML 분석 , DOM 트리 변환) / css,script 에 포함된 외부자원을 찾을때마다 요청( 완료 되기 까지 HTML분석 작업 하는 일부 요청은 중단) -> 브라우저 ( DOM 과 CSSOM 이 완료되면 렌더 트리를 생성, 컨텐츠 스타일 계산) -> 렌더트리 완료 ( 모든..
2023. 3. 30.