리소스(HTML, CSS, 자바스크립트) 압축

이 규칙은 PageSpeed Insights에서 압축을 통해 리소스 중 하나의 크기를 줄일 수 있음이 감지되면 트리거됩니다.

개요

압축은 브라우저에서 리소스를 처리하는 방식에 영향을 주지 않고 불필요하거나 중복된 데이터를 삭제하는 과정을 말합니다. 예를 들어 코드 주석 및 형식 지정, 사용되지 않는 코드 삭제, 더 짧은 변수와 함수 이름 사용하기 등의 과정이 있습니다.

자세한 내용은 사전 처리 및 상황별 최적화를 참조하세요.

권장사항

다음과 같이 HTML, CSS, 자바스크립트 리소스를 압축합니다.

  • HTML을 압축하려면 HTMLMinifier를 사용해 보세요.
  • CSS를 압축하려면 CSSNano 및 csso를 사용해 보세요.
  • 자바스크립트를 압축하려면 UglifyJS를 사용해 보세요. 클로저 컴파일러도 매우 효과적입니다. 이러한 압축 도구를 사용하는 빌드 프로세스를 생성하여 개발 파일을 압축하고 이름을 변경한 다음 운영 디렉토리에 저장할 수 있습니다.

다른 방법으로 PageSpeed 모듈은 Apache나 Nginx 웹 서버와 통합되어 리소스를 압축하고 사이트를 자동으로 최적화합니다.

의견

이 페이지가 도움이 되셨나요?