JS 압축 도구

JavaScript 코드를 압축하여 파일 크기 줄이기

원본 크기

// Utility library — helper functions
(function () {
  "use strict";

/**
   * Debounce a function call.
   * @param {Function} fn - The function to debounce
   * @param {number} delay - Delay in milliseconds
   */
  function debounce(fn, delay) {
    let timer = null;
    return function (...args) {
      clearTimeout(timer);
      timer = setTimeout(() => {
        fn.apply(this, args);
      }, delay);
    };
  }

// Format a number with commas
  function formatNumber(num) {
    return num.toString().replace(
      /\B(?=(\d{3})+(?!\d))/g,
      ","
    );
  }

// Deep clone an object
  function deepClone(obj) {
    if (obj === null || typeof obj !== "object") {
      return obj;
    }
    const copy = Array.isArray(obj) ? [] : {};
    for (const key in obj) {
      if (Object.prototype.hasOwnProperty.call(obj, key)) {
        copy[key] = deepClone(obj[key]);
      }
    }
    return copy;
  }

console.log("Utilities loaded");

window.Utils = {
    debounce: debounce,
    formatNumber: formatNumber,
    deepClone: deepClone,
  };
})();

설정

변수 난독화압축console.log 제거

JS 압축 도구이란?

JS Minifier는 Terser 엔진을 사용하여 공백과 주석을 제거하고 변수명을 단축해 JavaScript 코드를 압축합니다. 코드의 기능을 그대로 유지하면서 파일 크기를 줄여 페이지 로딩 속도를 높이고 대역폭 비용을 절감할 수 있습니다.

사용 방법

1단계 — 입력 에디터에 JavaScript 코드를 붙여 넣거나 .js 파일을 직접 업로드합니다.
2단계 — 압축 옵션을 설정합니다: 맹글링(변수명 단축) 활성화 여부, 압축 수준, console.log 구문 제거 여부를 선택합니다.
3단계 — 압축 버튼을 클릭하여 코드를 처리합니다. 파일 크기 감소율을 확인하고 압축된 파일을 다운로드하거나 출력 결과를 클립보드에 복사합니다.

결과

광범위한 주석과 긴 변수명을 가진 45KB 유틸리티 라이브러리가 있습니다. 붙여 넣고 맹글링과 압축을 활성화하면 12KB 결과물을 얻을 수 있습니다. 73% 감소된 결과물로 프로덕션 배포 준비가 완료됩니다.

JS 압축 도구

원본 크기

설정

JS 압축 도구이란?

사용 방법

결과

관련 도구

웹페이지를 PDF로

개인정보처리방침 생성기

이용약관 생성기

쿠키 동의 배너 생성기

CSS 압축 도구

HTML 압축 도구