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

Fügen Sie Ihren JavaScript-Code in den Editor ein oder laden Sie eine .js-Datei hoch.
Wählen Sie die Minifizierungsoptionen: Mangling (Variablennamen kürzen), Kompression und das Entfernen von console.log-Aufrufen.
Klicken Sie auf Minifizieren, um den Code zu verarbeiten. Prüfen Sie die Größenreduktion und laden Sie die minifizierte Datei herunter oder kopieren Sie sie 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

Generator für strukturierte Daten

Webseite als PDF

Datenschutzerklärung-Generator

AGB-Generator

Cookie-Einwilligungs-Generator

CSS-Minifizierer