JavaScript 파일을 축소하면 페이로드 크기와 스크립트 파싱 시간을 줄일 수 있습니다. Lighthouse 보고서의 '기회' 섹션에는 축소되지 않은 모든 JavaScript 파일과 이러한 파일을 축소할 때의 잠재적 절감 키비바이트(KiB)가 표시됩니다.
JavaScript 파일을 축소하는 방법
축소는 더 작지만 완전히 유효한 코드 파일을 만들기 위해 공백과 불필요한 코드를 삭제하는 프로세스입니다. Terser는 널리 사용되는 JavaScript 압축 도구입니다. webpack v4에는 축소된 빌드 파일을 만들 수 있도록 이 라이브러리에 대한 플러그인이 기본적으로 포함되어 있습니다.
스택별 안내
Drupal
Administration(관리) » Configuration(구성) » Development(개발) 페이지에서 Aggregate JavaScript files(JavaScript 파일 집계)를 사용 설정했는지 확인합니다.
Joomla
다양한 Joomla 확장 프로그램을 사용해 스크립트를 연결, 축소, 압축함으로써 사이트 속도를 높일 수 있습니다. 이 기능을 제공하는 템플릿도 있습니다.
Magento
Terser를 사용하여 정적 콘텐츠 배포에서 모든 JavaScript 애셋을 축소하고 내장 축소 기능을 사용 중지합니다.
React
빌드 시스템에서 JS 파일을 자동으로 축소하는 경우 애플리케이션의 프로덕션 빌드를 배포하고 있는지 확인하세요. React 개발자 도구 확장 프로그램을 사용하여 이를 확인할 수 있습니다.
WordPress
다양한 WordPress 플러그인을 사용해 스크립트를 연결, 축소, 압축함으로써 사이트 속도를 높일 수 있습니다. 가능하면 빌드 프로세스를 사용하여 축소를 미리 실행할 수도 있습니다.