자바스크립트 축소
JavaScript 파일을 축소하면 페이로드 크기와 스크립트 구문 분석 시간을 줄일 수 있습니다. Lighthouse 보고서의 기회 섹션에는 축소되지 않은 모든 JavaScript 파일이 나열되며 이러한 파일을 축소할 때 잠재적으로 절약할 수 있는 키비바이트(KiB)가 표시됩니다.
JavaScript 파일을 축소하는 방법 #
축소는 더 작지만 완벽하게 유효한 코드 파일을 만드는 데 필요하지 않은 공백과 모든 코드를 제거하는 프로세스입니다. Terser는 널리 사용되는 JavaScript 압축 도구입니다. webpack v4에는 기본적으로 이 라이브러리에 대한 플러그인이 포함되어 있어 축소된 빌드 파일을 생성합니다.
스택별 지침 #
Drupal #
관리에서 JavaScript 파일 집계를 활성화했는지 확인하십시오.
구성 > 개발 페이지. 추가 모듈을 통해 고급 집계 옵션을 구성하여 JavaScript 자산을 연결, 축소 및 압축하여 사이트 속도를 높일 수도 있습니다.
Joomla #
많은 Joomla 확장 프로그램은 스크립트를 연결, 축소 및 압축하여 사이트 속도를 높일 수 있습니다. 이 기능을 제공하는 템플릿도 있습니다.
Magento #
Terser를 사용하여 정적 콘텐츠 배포에서 모든 JavaScript 자산을 축소하고 기본 제공 축소 기능을 비활성화합니다.
React #
빌드 시스템이 JS 파일을 자동으로 축소하는 경우 애플리케이션의 프로덕션 빌드를 배포하고 있는지 확인하십시오. React 개발자 도구 확장으로 이를 확인할 수 있습니다.
WordPress #
여러 WordPress 플러그인은 스크립트를 연결, 축소 및 압축하여 사이트 속도를 높일 수 있습니다. 가능하면 빌드 프로세스를 사용하여 이 축소를 미리 수행할 수도 있습니다.