CSS가 렌더링 차단 리소스인 이유

CSS를 적용하기 위해서는 CSSOM이 완전히 로드되어야 하며, 이로써 렌더 트리가 완성됩니다.

CSS는 렌더 트리 생성에 필수적이기 때문에 CSS 파일은 차단 리소스로 간주됩니다.

브라우저는 CSS 파일을 로드하면서 렌더링을 차단하고,

모든 CSSOM이 완전히 준비되면 비로소 렌더 트리를 생성하고 페이지를 렌더링합니다.