Minifikator JavaScript online: zmniejsz kod JS, CSS i HTML
Minifikator zmniejsza kod JavaScript, CSS i HTML bez zmiany jego działania: usuwa komentarze i zbędne białe znaki oraz skraca lokalne nazwy w JavaScript. Poniższy przykład JavaScript zmniejsza się np. z 324 B do 180 B. Za darmo, bez rejestracji — twój kod pozostaje w przeglądarce.
Autor: Florian Galz
Kod już zminifikowany? Dzięki szybkiemu hostingowi WWW twoja strona załaduje się jeszcze szybciej.
Zminifikowany kod
Zminifikowany kod pojawi się tutaj, gdy wkleisz coś po lewej stronie.Ustawienia
Zmienne lokalne i parametry otrzymają krótkie nazwy. Nazwy globalne pozostaną bez zmian, aby inne skrypty mogły nadal z nich korzystać.
Skraca wyrażenia i usuwa nieużywany kod. Działanie kodu pozostaje bez zmian.
Komentarze z /*! … */, @license lub @preserve zostaną zachowane.
Wklej kod po lewej stronie lub załaduj przykład. Wynik pojawi się od razu.
Twój kod pozostaje w twojej przeglądarce: nie jest przesyłany ani zapisywany.
Przykładowy wynik
Tak minifikator JavaScript przetwarza twój kod
Wklejasz czytelny kod JavaScript, a narzędzie usuwa komentarze i zbędne białe znaki, skraca nazwy lokalne i zwraca kod w jednej zwartej linii wraz z rozmiarem przed i po minifikacji. Poniższe wartości to stały przykład — twój wynik zależy od kodu.
Przykład · Ustawienia domyślne
Kod wejściowy (czytelny)
// Warenkorb-Summe berechnenfunction calculateTotal(items, taxRate) { let subtotal = 0; for (const item of items) { subtotal += item.price * item.quantity; } const tax = subtotal * taxRate; return Math.round((subtotal + tax) * 100) / 100;} console.log(calculateTotal([{ price: 4.99, quantity: 2 }], 0.19));Wynik (zminifikowany)
function calculateTotal(t,o){let c=0;for(const o of t)c+=o.price*o.quantity;const a=c*o;return Math.round(100*(c+a))/100}console.log(calculateTotal([{price:4.99,quantity:2}],.19));- Oryginał
- 324 B
- Zminifikowany
- 180 B
- Oszczędność
- 44,4 %
- Tyle miejsca w tym przykładowym pliku zajmowały komentarze, wcięcia i długie nazwy.
Funkcje
Mniejsze pliki, to samo działanie
Co minifikator usuwa, a co celowo pozostawia.
JavaScript z terser
Usuwa komentarze i zbędne białe znaki, skraca nazwy lokalne i upraszcza wyrażenia. Nazwy globalne pozostają bez zmian; moduły ES są rozpoznawane.
CSS bez niespodzianek
Komentarze, zbędne spacje i końcowe średniki są usuwane. Wartości, kolory, jednostki, ciągi znaków i url() pozostają identyczne znak po znaku.
HTML z osadzonym kodem
Zbędne białe znaki przy elementach blokowych są usuwane, a między słowami pozostaje jedna spacja. Kod w style i script oraz JSON-LD również jest minifikowany.
Rozmiar przed i po
Oszczędność w procentach i bajtach oraz oba rozmiary po kompresji gzip, czyli w postaci przesyłanej przez serwer WWW.
Zachowaj komentarze licencyjne
Na życzenie zachowasz komentarze z /*! … */, @license lub @preserve. Warunkowe komentarze HTML pozostają zawsze.
Pozostaje w Twojej przeglądarce
Bez przesyłania i zapisywania: kod jest minifikowany bezpośrednio na twoim urządzeniu.
Jak to działa
Jak minifikować JavaScript, CSS i HTML online
Cztery kroki, bez rejestracji i instalacji.
Krok 1
Wybierz język
Wybierz u góry JavaScript, CSS lub HTML. Przy przełączaniu każdy język zachowuje własny kod.
Krok 2
Wklej kod
Wklej kod w lewym polu, otwórz plik do 2 MB lub załaduj przykład. Po krótkiej przerwie w pisaniu wynik pojawi się po prawej stronie.
Krok 3
Sprawdź ustawienia
W przypadku JavaScript decydujesz, czy skracać nazwy i optymalizować wyrażenia. Możesz zachować komentarze licencyjne, a w HTML także zwykłe komentarze.
Krok 4
Zastosuj wynik
Sprawdź oszczędność z gzip i bez niego, skopiuj zminifikowany kod lub pobierz go jako script.min.js, style.min.css albo index.min.html.
Odkryj więcej
Więcej narzędzi
Porównywanie tekstów online (Diff Checker)
Porównywanie tekstów online: Porównaj dwa teksty, konfiguracje lub wersje kodu, zobacz różnice w poszczególnych wierszach i słowach oraz skopiuj wynik jako Unified Diff. Wszystko działa w przeglądarce.
Autor: Dimitri Heissler
Formatowanie JSON
Formatuj, minimalizuj i sprawdzaj poprawność JSON – z podświetlaniem składni, komunikatami o błędach i możliwością pobrania, w całości w przeglądarce.
Autor: Jakub Martyniak
Tester Regex
Testuj wyrażenia regularne na żywo w natywnym silniku JavaScript — z podświetlaniem dopasowań, grupami przechwytującymi i trybem zamiany, w całości w przeglądarce.
Autor: Jakub Martyniak
Formater i walidator XML
Sprawdzaj poprawność, formatuj, minimalizuj i automatycznie naprawiaj XML (niezamaskowane znaki, brakujące tagi i deklaracje) — w 100% w przeglądarce, bez przesyłania plików.
Autor: Justin Schuessler
Koder/dekoder Base64
Koduj i dekoduj tekst w Base64 — także w wariancie bezpiecznym dla adresów URL, z czytelnymi komunikatami o błędach. Wszystko w przeglądarce.
Autor: Jakub Martyniak
Generator .htaccess i generator htpasswd
Tworzenie plików Apache .htaccess i .htpasswd online: przekierowania 301, HTTPS, ochrona hasłem z bcrypt, reguły WordPress, strony błędów, buforowanie, GZIP i ochrona przed hotlinkowaniem. Działa w całości w przeglądarce.
Autor: Dimitri Heissler
Formatowanie SQL online (formatuj i upiększaj SQL)
Formatuj, upiększaj i minimalizuj SQL online – dla MySQL, MariaDB i PostgreSQL, z ustawieniami wcięć i pisowni słów kluczowych. Działa w całości w przeglądarce, bez przesyłania danych.
Autor: Luca Stanek
Formater HTML i CSS online (popraw czytelność kodu)
Formatuj HTML i CSS online, dodawaj wcięcia i poprawiaj czytelność kodu dzięki automatycznemu wykrywaniu języka. Wszystko działa w przeglądarce, bez przesyłania plików.
Autor: Luca Stanek
Kompresuj i zmniejszaj obrazy
Kompresowanie i zmniejszanie obrazów online: zmniejszanie plików JPG, PNG i WebP do docelowego rozmiaru w KB lub konwersja, np. PNG na JPG. Wszystko odbywa się w przeglądarce.
Autor: Dimitri Heissler
FAQ
Często zadawane pytania
Krótkie odpowiedzi na pytania o minifikację JavaScript, CSS i HTML za pomocą tego narzędzia.
Zminifikowany kod oraz rozmiar przed i po minifikacji. Przykład JavaScript na tej stronie zmniejsza się np. z 324 B do 180 B. Zobaczysz też rozmiar obu wersji po kompresji gzip, czyli w postaci przesyłanej przez serwer WWW.
Minifikator zmniejsza kod bez zmiany jego działania: usuwa komentarze, wcięcia i podziały wierszy oraz skraca nazwy zmiennych lokalnych. Dzięki temu plik ładuje się szybciej. Ten minifikator obsługuje JavaScript, CSS i HTML.
Wybierz kartę CSS i wklej arkusz stylów. Narzędzie usunie komentarze, zbędne spacje i ostatni średnik w każdym bloku. Wartości, kolory i jednostki pozostaną dokładnie takie, jak je zapisano. Na życzenie zachowasz komentarze z /*! … */.
Wybierz kartę HTML. Komentarze zostaną usunięte, podobnie jak zbędne białe znaki przy elementach blokowych, takich jak div czy p. Odstępy między słowami i elementami liniowymi zostaną skrócone do jednej spacji, aby strona wyglądała tak samo. Zawartość pre i textarea pozostanie bez zmian, a kod CSS w style i JavaScript w script możesz również zminifikować.
Nie. Narzędzie używa terser, tego samego minifikatora, z którego korzysta wiele narzędzi do budowania projektów. Skraca tylko nazwy lokalne; globalne pozostają bez zmian, aby inne skrypty nadal mogły je znaleźć. W modułach ES z import lub export skracane są również nazwy na najwyższym poziomie. Jeśli wyłączysz optymalizację kodu, nazwy będą tylko skracane, bez przekształcania kodu.
Jeśli w kodzie JavaScript wystąpi błąd składni albo niedomknięty komentarz, ciąg znaków lub tag, narzędzie wskaże jego wiersz i kolumnę. Kliknięcie przeniesie cię do tego miejsca w polu wejściowym. Jeśli blok style lub script w HTML zawiera błąd, pozostanie bez zmian, a narzędzie cię o tym poinformuje.
Tak, te metody się uzupełniają: gzip kompresuje powtórzenia, a minifikacja usuwa komentarze i skraca nazwy, których gzip nie eliminuje. Narzędzie pokazuje oba rozmiary po kompresji gzip, więc widzisz, ile danych faktycznie przesyła twój kod.
Nie. Wszystko działa w twojej przeglądarce, bez przesyłania ani zapisywania. Możesz otwierać pliki do 2 MB, np. .js, .css lub .html.
Masz dodatkowe pytania?
Kontakt z pomocą technicznąTwoja strona potrzebuje szybkiego hostingu
Zminifikowany kod i hosting WWW ZAP-Hosting sprawią, że twoja strona załaduje się błyskawicznie. Własny serwer VPS da ci większą kontrolę.
Bez konfiguracji. Bez ryzyka. Online w kilka sekund.
Szukasz więcej narzędzi? Zobacz wszystkie narzędzia dla programistów
Preferowane źródło w Google
