CSS1 [CSS] CSS 최적화 기법 기법 1. Remove unused CSS 사용하지 않는 CSS 제거 2. Eliminate render-blocking resources 렌더 차단 리소스 제거 1. Remove unused CSS CSS = 렌더 차단 리소스 브라우저가 CSS 파일을 해석하는 동안 웹 페이지 렌더링은 차단된다. 즉, CSS는 페이지 렌더링을 차단하는 리소스임. 사용하지 않는 CSS가 많을 수록 브라우저가 스타일을 계산하는데 잠재적으로 더 많은 시간을 소비한다. Lighthouse 미사용 CSS가 포함된 2KB 이상의 파일을 검출해서 오류로 보고한다. Remove unused CSS 라는 항목을 클릭해서 보면 된다. # 주의사항 - font-face 규칙을 사용하지 않는 CSS로 보고하는 오류가 있음 (사용하는데 미사용.. 2023. 2. 21. 이전 1 다음