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 — 「Minify」をクリックしてコードを処理します。サイズ削減率を確認し、圧縮済みファイルをダウンロードするか、出力をクリップボードにコピーします。

結果

豊富なコメントと長い変数名を持つ45KBのユーティリティライブラリがあります。貼り付けてマングリングと圧縮を有効にすると、12KBの出力が得られます——73%の削減でそのまま本番デプロイに使用できます。

JS圧縮ツール

元のサイズ

設定

JS圧縮ツールとは？

使い方

結果

関連ツール

ウェブページをPDFに変換

プライバシーポリシー生成ツール

利用規約ジェネレーター

Cookieコンセントジェネレーター

CSS圧縮ツール

HTML ミニファイヤー