Minifikator stosuje ostrożną strategię obsługi odstępów. Zmniejsza kod, ale pozostawia pojedynczy odstęp tam, gdzie mogą go wymagać sąsiednie elementy liniowe. Zachowuje też funkcjonalne komentarze warunkowe, dyrektywy include po stronie serwera i komentarze Knockout. Kod HTML nie opuszcza urządzenia.
Darmowa minifikacja HTML
Działa w całości w przeglądarce - bez wysyłania plików i bez rejestracji.
Kod HTML
Zminifikowany HTML
Wklej HTML, aby zobaczyć zminifikowany wynik
Na czym polega minifikacja HTML?
Minifikacja HTML zmniejsza kod znaczników przez usunięcie zwykłych komentarzy, wcięć, końców wierszy i zbędnych odstępów, których przeglądarka nie potrzebuje. Wklej dokument lub fragment, aby otrzymać zwarty HTML i dokładną liczbę zaoszczędzonych bajtów. Zawartość script, style, obszarów preformatowanych i textarea pozostaje bez zmian. Całe przetwarzanie odbywa się lokalnie w przeglądarce.
Jak korzystać
- 1Wklej kod HTML. Dodaj cały dokument lub fragment HTML do pola wejściowego albo wczytaj przykład.
- 2Wybierz obsługę komentarzy. Pozostaw usuwanie komentarzy włączone, aby uzyskać najmniejszy wynik. Wyłącz je, jeśli notatki z przeglądu mają pozostać.
- 3Sprawdź oszczędność. Porównaj pierwotny i zminifikowany rozmiar w bajtach UTF-8, procent oszczędności oraz liczbę usuniętych wierszy i komentarzy.
- 4Skopiuj wynik. Skopiuj zwarty HTML do wyniku kompilacji, systemu CMS lub lokalnego projektu. Czytelną wersję źródłową zachowaj do późniejszej edycji.
Dla kogo
- Programiści frontendu mogą przygotować mniejszą wersję produkcyjną strony statycznej, demonstracji komponentu lub szablonu wiadomości.
- Zespoły wydajności mogą sprawdzić, ile bajtów dodają do nieskompresowanego HTML formatowanie i komentarze deweloperskie.
- Redaktorzy CMS mogą zmniejszyć wyeksportowane fragmenty strony przed umieszczeniem ich w szablonie lub bloku treści.
- Studenci mogą porównać czytelny kod źródłowy ze zwartą postacią odczytywaną przez przeglądarkę.
Najczęstsze pytania
Czy ten minifikator HTML jest darmowy?
Tak. Można z niego korzystać bezpłatnie, bez konta, pobierania programu i limitu użycia. Wklej kod, sprawdź wynik na żywo i skopiuj go bezpośrednio w przeglądarce.
Czy mój kod HTML jest gdzieś wysyłany?
Nie. Minifikacja i pomiar bajtów działają lokalnie w przeglądarce. Wklejony HTML nie jest wysyłany na serwer, więc nieopublikowane szablony, wewnętrzne odnośniki i prywatne fragmenty stron można przetwarzać na własnym urządzeniu.
Jak dużo kodu HTML można zminifikować?
Narzędzie nie przesyła danych, dlatego nie ma limitu rozmiaru po stronie serwera. Praktyczna granica zależy od pamięci przeglądarki i urządzenia, ale zwykłe strony, szablony i dokumenty e-mail powinny aktualizować się od razu.
Czy minifikator zmienia zawartość script lub style?
Nie. Zawartość elementów script i style jest zachowywana bajt po bajcie. Ta sama ochrona obejmuje obszary preformatowane i textarea, w których odstępy oraz końce wierszy mogą mieć znaczenie. Do kompresji osadzonych języków użyj osobnego minifikatora CSS lub JavaScript.
Które komentarze HTML są usuwane?
Po włączeniu tej opcji usuwane są zwykłe komentarze deweloperskie. Funkcjonalne komentarze warunkowe Internet Explorera, dyrektywy include po stronie serwera i komentarze wiązań Knockout pozostają, ponieważ ich usunięcie mogłoby zmienić działanie strony. Opcję można też wyłączyć i zachować wszystkie komentarze.
Czy minifikacja HTML może zmienić wygląd strony?
Zbyt agresywne usuwanie odstępów może połączyć wyrazy lub zmienić treść wrażliwą na białe znaki. Narzędzie ostrożnie redukuje nadmiarowe odstępy, zachowuje możliwe separatory elementów liniowych oraz chroni bloki surowe i preformatowane. Po minifikacji zawsze przetestuj stronę produkcyjną.
Czy później da się przywrócić pierwotne formatowanie?
Program formatujący może dodać czytelne wcięcia do zminifikowanego HTML, ale nie odtworzy usuniętych komentarzy ani dokładnych pierwotnych końców wierszy. Zachowaj czytelny plik źródłowy w systemie kontroli wersji, a zminifikowany wynik traktuj jako rezultat kompilacji.