JS-Minifier

JavaScript-Code minifizieren, um die Dateigröße zu reduzieren

Originalgröße

// 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,
  };
})();

Einstellungen

Variablen verschleiernKomprimierenconsole.log entfernen

Was ist JS-Minifier?

JS Minifier komprimiert JavaScript-Code, indem Leerzeichen und Kommentare entfernt sowie Variablennamen mit der Terser-Engine verkürzt werden. Dies reduziert die Dateigröße für schnellere Seitenladezeiten und niedrigere Bandbreitenkosten, während die Funktionalität des Codes erhalten bleibt.

Anleitung

Schritt 1 — Fügen Sie Ihren JavaScript-Code in den Eingabe-Editor ein oder laden Sie direkt eine .js-Datei hoch.
Schritt 2 — Konfigurieren Sie die Minifizierungsoptionen: Mangling (Variablennamenverkürzung) ein- oder ausschalten, Kompressionsstufe einstellen und wählen, ob console.log-Aufrufe entfernt werden sollen.
Schritt 3 — Klicken Sie auf Minifizieren, um den Code zu verarbeiten. Sehen Sie die Größenreduktion in Prozent und laden Sie die minifizierte Datei herunter oder kopieren Sie die Ausgabe in die Zwischenablage.

Ergebnis

Sie haben eine 45-KB-Dienstprogrammbibliothek mit ausführlichen Kommentaren und langen Variablennamen. Fügen Sie sie ein, aktivieren Sie Mangling und Kompression, und erhalten Sie eine 12-KB-Ausgabe – eine Reduktion von 73 Prozent, bereit für den Produktionseinsatz.

JS-Minifier

Originalgröße

Einstellungen

Was ist JS-Minifier?

Anleitung

Ergebnis

Ähnliche Tools

Webseite als PDF

Datenschutzerklärung-Generator

AGB-Generator

Cookie-Einwilligungs-Generator

CSS-Minifizierer

HTML-Minifier