Minifikator JavaScript
Minifikuj i kompresuj kod JavaScript online, bezpłatnie.
Wejście
Zminifikowane wyjście
Czym jest minifikator JavaScript?
Każdy kilobajt zaoszczędzony w bundlu JavaScript oznacza szybsze ładowanie strony — wytyczne web.dev performance i Google PageSpeed Insights to rejestrują. Ten minifikator natychmiast usuwa białe znaki, komentarze i niepotrzebne tokeny z Twojego kodu JavaScript. Specyfikacja ECMAScript definiuje język; minifikacja zachowuje zachowanie. W produkcyjnych pipeline'ach build, narzędzia takie jak Terser i UglifyJS robią to automatycznie — dla szybkiej minifikacji bez konfiguracji buildu, to narzędzie robi to bezpośrednio w przeglądarce.
Narzędzie działa w całości w przeglądarce. Nic nie jest wysyłane na serwer. Wklej JS lub wczytaj plik, aby uzyskać zminifikowany wynik. Do formatowania (operacji odwrotnej) użyj formatera JavaScript. Do walidacji: walidatora JavaScript. Do silniejszej ochrony: obfuskatora JavaScript.
Jak używać tego narzędzia
Wklej lub wczytaj
Wklej JavaScript w lewym panelu lub wczytaj plik .js lub .txt. Użyj Przykładu, aby załadować przykładowy kod. Wyczyść resetuje pola.
Zobacz zminifikowane wyjście
Prawy panel pokazuje zminifikowany kod. Białe znaki i komentarze są usuwane. Nieprawidłowy JS wyświetli błąd.
Kopiuj lub pobierz
Użyj Kopiuj lub Pobierz, aby uzyskać zminifikowany kod. W produkcji rozważ także kompresję gzip lub brotli.
Przykłady minifikacji JavaScript
Oto przykład minifikacji sformatowanego kodu JavaScript.
Przykład: funkcja pobierania API
Sformatowane wejście:
Zminifikowane wyjście:
Kiedy minifikator JavaScript pomaga
Przy przygotowywaniu pakietów produkcyjnych z webpack lub rollup, ograniczaniu pasma lub optymalizacji czasu ładowania minifikacja zmniejsza pliki JS. Używaj z narzędziami budowania lub ręcznie do szybkich testów. Do obfuskacji (trudniejszej do odwrócenia) użyj obfuskatora JavaScript.
Często zadawane pytania
Czy moje dane są prywatne?
Tak. Minifikacja odbywa się w całości w przeglądarce. Żadne dane nie są wysyłane na serwer.
Minifikator a obfuskator?
Minifikator zmniejsza rozmiar kodu. Obfuskator utrudnia czytanie i odwracanie. Obfuskacja często obejmuje minifikację.
Czy psuje to mój kod?
Poprawna minifikacja zachowuje zachowanie. Wstawianie średników i skrajne przypadki mogą powodować problemy — testuj wyjście.
A mapy źródeł?
To narzędzie nie generuje map źródeł. Do buildów produkcyjnych z mapami użyj webpack, rollup lub Vite. Zobacz MDN o mapach źródeł.
Czy można cofnąć minifikację?
Użyj formatera JavaScript, aby dodać wcięcia. Nie przywraca to komentarzy ani oryginalnych nazw zmiennych.