Minifikator JS/CSS

Free

Zmniejsza JavaScript lub CSS poprzez usunięcie białych znaków i komentarzy, z opcjonalnym skracaniem nazw zmiennych dla JavaScript oraz statystykami rozmiaru przed/po.

Wejście

Skracaj nazwy zmiennych (mangle)

Zminifikowany wynik

O tym narzędziu

Usuwa białe znaki, komentarze i niepotrzebne znaki, aby zmniejszyć rozmiar plików JavaScript lub CSS.
Nie formatuje. Aby uzyskać czytelny, wcięty wynik, użyj dedykowanego narzędzia do formatowania.

Ostatnia Aktywność

Widoczne dla wszystkich. Ostatnie 20 użyć wśród wszystkich odwiedzających, najpierw najnowsze.

Minified 113 characters of CSS

19 godzin temu

Minified 127 characters of JavaScript

19 godzin temu

Minified 127 characters of JavaScript

19 godzin temu

Komentarze (0)

Uznałeś to narzędzie za przydatne? Zostaw komentarz, podziel się wskazówką, lub powiedz nam, jak możemy je ulepszyć.

Jeszcze brak komentarzy. Bądź pierwszym, który podzieli się swoimi przemyśleniami!

Co robi to narzędzie

Wklej czytelny kod JavaScript lub CSS, a to narzędzie zmniejszy go, usuwając białe znaki, komentarze i (dla JavaScript, opcjonalnie) skracając nazwy zmiennych lokalnych, tworząc mniejszy plik o identycznym działaniu.

Jak To Działa

Narzędzie analizuje Twój kod na drzewo składni abstrakcyjnej za pomocą otwartoźródłowego silnika terser dla JavaScript i clean-css dla CSS, a następnie generuje z tego drzewa najbardziej zwarty równoważny kod źródłowy: usuwając komentarze i niepotrzebne białe znaki, skracając wartości liczbowe i kolorystyczne tam, gdzie jest to bezpieczne, oraz, dla JavaScript z włączonym manglingiem, zmieniając nazwy identyfikatorów zakresu lokalnego na najkrótsze dostępne nazwy. Ponieważ transformacja działa na przeanalizowanej strukturze, a nie na surowym tekście, wynikowy kod działa identycznie jak oryginał.

Problemy, które rozwiązuje

Zmniejszanie rozmiaru plików JavaScript lub CSS w celu przyspieszenia wczytywania strony, szczególnie przed ręcznym wdrożeniem bez potoku kompilacji.
Szybkie tworzenie gotowego do produkcji pakietu z pojedynczego skryptu lub arkusza stylów bez konfigurowania pełnego narzędzia do budowania.
Precyzyjne sprawdzenie, o ile mniejszy staje się plik, dzięki dokładnemu porównaniu rozmiaru przed/po.

Często zadawane pytania

›Czy to narzędzie również formatuje lub upiększa kod?

Nie, to narzędzie tylko minifikuje (zmniejsza) kod, usuwając białe znaki i komentarze. Jeśli potrzebujesz czytelnego, prawidłowo wciętego kodu, użyj zamiast tego dedykowanego narzędzia do formatowania.

›Co oznacza "mangle" w JavaScript?

Mangling zmienia nazwy zmiennych lokalnych i parametrów funkcji na krótkie nazwy, takie jak "a" czy "b", wszędzie, gdzie jest to bezpieczne, co pozwala zaoszczędzić dodatkowe bajty poza samym usunięciem białych znaków. Nigdy nie zmienia nazw dostępnych globalnie, więc nie psuje kodu, który zależy od konkretnych globalnych identyfikatorów.

›Czy zminifikowany kod jest bezpieczny do użycia w produkcji?

Tak, minifikacja zmienia tylko białe znaki, komentarze i (opcjonalnie) nazwy zmiennych lokalnych. Logika i zachowanie kodu są zachowane dokładnie, dlatego zminifikowany JavaScript i CSS są standardową praktyką na stronach produkcyjnych.

›Czemu minifikacja zakończyła się błędem?

Minifikatory wymagają poprawnego, analizowalnego kodu JavaScript lub CSS. Jeśli Twoje wejście zawiera błąd składniowy, minifikator nie może zbudować jego prawidłowej wewnętrznej reprezentacji. Sprawdź kod w linterze lub konsoli przeglądarki, aby znaleźć dokładny problem, popraw go i spróbuj ponownie.

›Czy powinienem zachować niezminifikowaną kopię mojego kodu?

Tak. Zawsze zachowuj oryginalny, czytelny kod źródłowy jako wersję, którą edytujesz i utrzymujesz, a zminifikowaną wersję generuj jako etap kompilacji. Traktuj zminifikowany wynik jako produkt jednorazowy, a nie plik do ręcznej edycji.

Renderuje Markdown jako na żywo, oczyszczony HTML obok źródła, z przełącznikiem do podglądu i kopiowania wygenerowanego HTML.