HTML Minifier — Minifikator HTML

Jak działa minifikacja HTML

Minifikacja HTML usuwa wszystko, czego przeglądarka nie potrzebuje do wyrenderowania strony: wcięcia i podziały wierszy między znacznikami, komentarze, zbędne wartości atrybutów i atrybuty domyślne. To narzędzie korzysta z html-minifier-terser, który parsuje Twój kod na znaczniki i tekst, stosuje wybrane optymalizacje i zapisuje go ponownie. Collapse whitespace scala ciągi spacji i usuwa białe znaki między elementami blokowymi, zachowując pojedyncze spacje oddzielające tekst liniowy. Zawartość <pre> i <textarea> pozostaje nietknięta, ponieważ tam białe znaki mają znaczenie. Remove comments usuwa notatki programistów, a wbudowane minifikatory zmniejszają osadzone bloki <style> i <script> za pomocą clean-css i Terser.

Wskaźniki rozmiaru pokazują liczbę bajtów UTF-8 danych wejściowych i wyjściowych oraz procent oszczędności. Ręcznie pisane szablony z obfitymi wcięciami często zmniejszają się o 15–30%, a jeszcze bardziej, gdy zawierają duże wbudowane skrypty lub style. Serwery zwykle dodatkowo kompresują HTML za pomocą gzip lub Brotli, więc oszczędność transferu jest mniejsza niż surowa wartość, ale mniejszy dokument i tak parsuje się szybciej, a krytyczny kod wbudowany pozostaje zwarty.

Wybór właściwych opcji

Remove redundant attributes to zestaw bezpiecznych porządków: skraca atrybuty logiczne, takie jak disabled="disabled", do disabled, usuwa wartości domyślne, jak type="text" w polach input i type="text/javascript" w skryptach, usuwa puste atrybuty i zastępuje długie, dawne doctype'y wpisem <!doctype html>. Remove optional tags pomija znaczniki zamykające, takie jak </li>, </p> i </body>, które specyfikacja HTML pozwala przeglądarkom wydedukować. Remove attribute quotes usuwa cudzysłowy wokół wartości, które ich nie potrzebują. Obie opcje dają poprawny HTML, ale mogą zaskoczyć inne narzędzia odczytujące Twój kod, dlatego domyślnie są wyłączone.

Prywatność w standardzie

Minifikator ładuje się na żądanie i działa lokalnie, więc Twoje szablony, kod e-maili i strony docelowe nigdy nie są przesyłane. Dzięki temu przydaje się przy jednorazowych zadaniach, takich jak zmniejszenie e-maila HTML, fragmentu osadzenia lub statycznej strony przed wklejeniem do CMS-a. Jeśli parser zgłosi błąd, sprawdź, czy w danych wejściowych nie ma niezamkniętych znaczników lub zabłąkanych nawiasów kątowych. W witrynach produkcyjnych zostaw minifikację w procesie budowania, aby wynik był powtarzalny.