Jak tego używać
- Wklej swój JavaScript, otwórz plik
.jsalbo zacznij od przykładu. - Zminifikowany kod pojawia się w trakcie pisania, z rozmiarem przed i po. Błąd składni jest pokazywany z numerem linii i kolumny.
- Skopiuj go albo pobierz jako
script.min.js.
Co robi
Minifikator JavaScript uruchamia Terser, czyli minifikator używany w większości narzędzi do budowania:
- Usuwa białe znaki i komentarze.
- Skraca nazwy zmiennych lokalnych i parametrów (
firststaje sięn). Nazwy najwyższego poziomu zostają bez zmian, więc inne skrypty na stronie nadal mogą wywoływać Twoje funkcje. - Usuwa kod, który nigdy się nie wykona, i upraszcza wyrażenia (
if (x) { return a } else { return b }staje sięreturn x ? a : b).
Czy warto?
JavaScript to najdroższa rzecz, jaką ładuje strona: trzeba go pobrać, sparsować i wykonać. Minifikacja zwykle zmniejsza skrypt o połowę przed kompresją gzip lub Brotli i często oszczędza jeszcze jedną trzecią po niej, bo krótsze nazwy i brak komentarzy też się liczą. Narzędzia takie jak Vite i esbuild już minifikują na produkcję; ta strona jest dla skryptów pisanych i publikowanych ręcznie oraz do sprawdzania, co minifikacja robi z fragmentem kodu.
Najczęstsze pytania
Czy minifikacja może zepsuć mój kod?
Terser zachowuje znaczenie poprawnego kodu. Kod, który w czasie działania odczytuje nazwy własnych funkcji lub swój kod źródłowy (rzadko), może zachowywać się inaczej. Trzymaj czytelną wersję jako źródło i testuj zminifikowaną.
Czy obsługuje nowoczesny JavaScript?
Tak, łącznie z modułami, klasami, async/await i optional chaining. Nie zmienia tego, w jakich przeglądarkach działa Twój kod.
A mapy źródeł?
Ta strona ich nie tworzy. Narzędzia do budowania zapisują mapy źródeł obok zminifikowanego pliku, dzięki czemu narzędzia deweloperskie przeglądarki pokazują Twój oryginalny kod.
Czy mój kod jest wysyłany?
Nie. Terser ładuje się do Twojej przeglądarki i tam działa.