엄호연 엄호연

어느날 웹페이지로딩이 느려 확인해해보니까 css 로드될때까지 화면이 로딩이 되지않는다. 찾아보니 다음과 같은 이유가 있다.FOUCCSS 가 로드되기 전에 스타일 없이 페이지가 로드 되는경우가 있다. 이런 경우를 FOUC(Flash Of Unstyled Content) 라고 부른다고 한다. 이를 다루기 위한 방법은 `rel="stylesheet"` 방식을 사용하여 페이지 렌더링 차단으로 로드한다. DOM 렌더링 및 JavaScript 실행은 모든 렌더링 차단 `rel="stylesheet"` 리소스가 로드되고 CSSOM (CSS Object Model) 로 변환된다고 한다. FOUC 란?chrome 렌더링 과정해결우선순위를 지정하는 방식이지만 rel 옵션이 preload 로 변경되면서 페이지 렌더링 차단이..