Minifikator Kodu
Minifikuj HTML, CSS i JavaScript, aby zmniejszyć rozmiar plików i przyspieszyć ładowanie. Darmowe narzędzie, 100% w przeglądarce, bez rejestracji.
Dokumentacja
Czym jest minifikacja kodu?
Minifikacja kodu usuwa zbędne znaki z kodu źródłowego — białe znaki, komentarze, podziały linii i opcjonalne separatory — bez zmiany zachowania kodu. Wynikiem jest mniejszy plik, który pobiera się szybciej przez sieć. Minifikacja jest standardowym krokiem w każdym nowoczesnym pipeline front-endowym i jest zalecana przez wytyczne Google dotyczące wydajności stron dla HTML, CSS i JavaScript.
Minifikacja HTML
Minifikacja HTML usuwa komentarze HTML (<!-- ... -->) i kompresuje białe znaki między tagami. Przeglądarki ignorują dodatkowe białe znaki w HTML, więc ich usunięcie nie ma wpływu wizualnego, ale zmniejsza rozmiar pliku. Typowa oszczędność z minifikacji HTML wynosi 10–25% w zależności od stylu formatowania i gęstości komentarzy. Wbudowane bloki <style> i <script> również korzystają z minifikacji specyficznej dla danego języka.
Minifikacja CSS
Minifikacja CSS usuwa komentarze (/* ... */), kompresuje białe znaki i usuwa spacje wokół {, }, :, ; i ,. Usuwa też ostatni średnik przed }, który parsery CSS pozwalają pominąć. Dobrze skomentowane pliki CSS zazwyczaj uzyskują 20–40% redukcji rozmiaru. Do produkcji narzędzia takie jak cssnano i Lightning CSS idą dalej — łączą zduplikowane reguły, skracają kolory (#ffffff → #fff) i usuwają zbędne prefiksy.
Minifikacja JavaScript
To narzędzie wykonuje konserwatywną minifikację JavaScript: usuwa jednolinijkowe komentarze (// ...), wieloliniowe komentarze (/* ... */) i kompresuje białe znaki. Jest to bezpieczne i szybkie, ale nie stanowi pełnego optymalizatora — nie zmienia nazw zmiennych, nie wykonuje tree-shakingu ani nie usuwa martwego kodu. Do produkcyjnych buildów użyj dedykowanych narzędzi: Terser (standard dla Webpack/Vite), esbuild (niezwykle szybki, napisany w Go) lub SWC (napisany w Rust, używany przez Next.js). Narzędzia te osiągają 40–70% redukcji rozmiaru łącząc minifikację z manglowaniem zmiennych.
Prywatność
Całe przetwarzanie odbywa się 100% w Twojej przeglądarce. Żadne dane nie są wysyłane na serwer.