Skip to content
배우기 측정 블로그 Case studies 정보
이 페이지에서
  • JavaScript 파일을 축소하는 방법
  • 스택별 지침
    • Drupal
    • Joomla
    • Magento
    • React
    • WordPress
  • 리소스

자바스크립트 축소

May 2, 2019 — 업데이트됨 Jun 20, 2020
Available in: Español, Português, English
Appears in: 성능 감사
이 페이지에서
  • JavaScript 파일을 축소하는 방법
  • 스택별 지침
    • Drupal
    • Joomla
    • Magento
    • React
    • WordPress
  • 리소스

JavaScript 파일을 축소하면 페이로드 크기와 스크립트 구문 분석 시간을 줄일 수 있습니다. Lighthouse 보고서의 기회 섹션에는 축소되지 않은 모든 JavaScript 파일이 나열되며 이러한 파일을 축소할 때 잠재적으로 절약할 수 있는 키비바이트(KiB)가 표시됩니다.

Lighthouse Minify JavaScript 감사의 스크린샷

JavaScript 파일을 축소하는 방법 #

축소는 더 작지만 완벽하게 유효한 코드 파일을 만드는 데 필요하지 않은 공백과 모든 코드를 제거하는 프로세스입니다. Terser는 널리 사용되는 JavaScript 압축 도구입니다. webpack v4에는 기본적으로 이 라이브러리에 대한 플러그인이 포함되어 있어 축소된 빌드 파일을 생성합니다.

스택별 지침 #

Drupal #

관리에서 JavaScript 파일 집계를 활성화했는지 확인하십시오.

구성 > 개발 페이지. 추가 모듈을 통해 고급 집계 옵션을 구성하여 JavaScript 자산을 연결, 축소 및 압축하여 사이트 속도를 높일 수도 있습니다.

Joomla #

많은 Joomla 확장 프로그램은 스크립트를 연결, 축소 및 압축하여 사이트 속도를 높일 수 있습니다. 이 기능을 제공하는 템플릿도 있습니다.

Magento #

Terser를 사용하여 정적 콘텐츠 배포에서 모든 JavaScript 자산을 축소하고 기본 제공 축소 기능을 비활성화합니다.

React #

빌드 시스템이 JS 파일을 자동으로 축소하는 경우 애플리케이션의 프로덕션 빌드를 배포하고 있는지 확인하십시오. React 개발자 도구 확장으로 이를 확인할 수 있습니다.

WordPress #

여러 WordPress 플러그인은 스크립트를 연결, 축소 및 압축하여 사이트 속도를 높일 수 있습니다. 가능하면 빌드 프로세스를 사용하여 이 축소를 미리 수행할 수도 있습니다.

리소스 #

  • Minify JavaScript 감사를 위한 소스 코드
마지막 업데이트: Jun 20, 2020 — 기사 개선하기
Return to all articles
공유
구독

Contribute

  • 버그 신고
  • 소스 보기

관련된 콘텐츠

  • developer.chrome.com
  • Chrome 업데이트
  • 웹 기초
  • 사례 연구
  • 팟캐스트
  • 쇼

연결

  • Twitter
  • YouTube
  • Google Developers
  • Chrome
  • Firebase
  • Google Cloud Platform
  • 전체 제품
  • 약관 및 개인정보 보호
  • 커뮤니티 가이드라인

Except as otherwise noted, the content of this page is licensed under the Creative Commons Attribution 4.0 License, and code samples are licensed under the Apache 2.0 License. For details, see the Google Developers Site Policies.