메인 콘텐츠로 건너뛰기

CSS 파일 크기가 너무 큼

사이트 감사 보고서에서 "CSS 파일 크기가 너무 큼" 문제와 이를 사이트에서 해결하는 방법에 대해 Ahrefs에서 자세히 알아보세요.

Anna avatar
작성자: Anna
어제 업데이트함

이 문제가 발생하는 원인은 무엇입니까?

이 문제는 15kB보다 큰 CSS 파일을 보고합니다.

왜 중요한가요?

큰 CSS 파일은 페이지 로드 성능을 저하시킬 수 있습니다.

어떻게 해결하나요?

1. 우선, CSS 파일이 HTTP 압축을 사용하는지 확인해야 합니다. 이 보고서의 "Compression" 열을 확인하세요.

가장 일반적인 압축 방식은 gzip과 Deflate입니다. HTTP 압축은 큰 CSS 파일의 전송 속도를 크게 향상시킬 수 있습니다.

CSS 파일에 대해 HTTP 압축을 활성화하는 데 개발자의 도움이 필요할 수 있습니다.

2. CSS 파일은 종종 필요 이상으로 큽니다. CSS 코드를 최소화하기 위해 CSS 미니파이어를 사용할 수 있습니다.

웹사이트가 상대적으로 작고 자주 업데이트하지 않는 경우, cssnanoMinify 등의 온라인 서비스를 사용하여 파일을 수동으로 최소화할 수 있습니다.

또는 업데이트된 코드를 배포하기 전에 CSS를 최소화하는 자동화된 워크플로를 설정할 수 있습니다. Gulp이나 Webpack과 같은 도구를 고려해 보세요.

답변이 도움되었나요?