Jak tego używać
- Wklej swój HTML, otwórz plik
.htmlalbo zacznij od przykładu. - Zminifikowany HTML pojawia się w trakcie pisania, z rozmiarem przed i po.
- Skopiuj go, pobierz albo kliknij Opublikuj tę stronę, aby umieścić go online.
Co usuwa
- Komentarze i białe znaki między tagami (pojedyncza spacja zostaje tam, gdzie mogłaby być widoczna między elementami inline).
- Atrybuty, które tylko powtarzają wartość domyślną, np.
type="text/javascript"przy skryptach itype="text/css"przy stylach. - Długi doctype, zastąpiony przez
<!doctype html>. - Zawartość inline
<style>i<script>jest minifikowana jako CSS i JavaScript.
<pre> i <textarea> zachowują swoje białe znaki, więc strona wygląda i działa tak samo.
Czy warto?
Większość hostingów, w tym Lobsite, już kompresuje strony gzipem lub Brotli w drodze do przeglądarki, co bardzo dobrze zmniejsza powtarzające się białe znaki. Wcześniejsza minifikacja zwykle oszczędza kolejne 5–15%. Najbardziej ma to znaczenie przy dużych stronach, stronach z dużą ilością CSS i JavaScriptu inline oraz HTML w e-mailach, gdzie nic nie jest kompresowane.
Najczęstsze pytania
Czy minifikacja może zepsuć moją stronę?
Ustawienia są ostrożne: białe znaki, które mogłyby być widoczne, zostają jako jedna spacja, a opcjonalne tagi zamykające i cudzysłowy w atrybutach zostają na miejscu. JavaScript inline z błędem składni zostaje bez zmian. Sprawdź wynik w narzędziu Podgląd HTML, zanim go opublikujesz.
Czy minifikować ręcznie przy każdej zmianie?
Dla jednej strony tutaj to szybkie. Dla strony, którą często edytujesz, niech robi to narzędzie do budowania (Vite, Astro i większość generatorów to robią), a czytelną wersję trzymaj w kodzie źródłowym.
Jakiego minifikatora używa?
html-minifier-terser, z Terserem dla JavaScriptu inline. Ładuje się przy pierwszej minifikacji, a potem działa w Twojej przeglądarce.
Czy mój HTML jest wysyłany?
Nie. Jest minifikowany w Twojej przeglądarce i trafia do Lobsite tylko wtedy, gdy klikniesz Opublikuj tę stronę.