첫 화면을 막는 리소스는 어떻게 줄이는가?

필수 CSS만 먼저 제공하고 나머지는 늦게 불러온다. 스크립트는 의존 순서에 맞춰 defer나 async를 써서 HTML 파싱 정지를 줄인다.

외부 스타일시트는 CSSOM이 준비될 때까지 첫 페인트를 늦춘다. 사용하지 않는 CSS를 제거하고 미디어 조건을 나누면 차단 범위가 줄어든다.

defer는 파싱 뒤 문서 순서대로 실행한다. async는 다운로드 즉시 실행해 순서를 보장하지 않는다. 독립적인 코드에 알맞다.