Minifikator HTML

Narzędzie korzysta z html-minifier-terser, popularnego minifikatora HTML o otwartym kodzie źródłowym, a także z clean-css dla CSS i z Tersera dla JavaScriptu. Oba poziomy zachowują spację między słowami i między znacznikami liniowymi, takimi jak <b> i <a>. Poziom Maksymalny oszczędza więcej na kompletnych stronach.

XHTML: gdy otwierasz plik .xhtml albo gdy HTML zaczyna się od deklaracji XML, takiej jak <?xml version="1.0"?>, oba poziomy zachowują opcjonalne znaczniki, cudzysłowy wokół wartości atrybutów, atrybuty logiczne, takie jak checked="checked", i ukośniki zamykające, a JavaScript nie jest minifikowany. Dzięki temu wynik nadal da się odczytać jako XML.

Opcje

• Usuń komentarze (domyślnie włączona): zwykłe komentarze są usuwane. Zostają komentarze zaczynające się od <!--! (np. informacje o licencji), komentarze dołączania po stronie serwera (SSI) i komentarze warunkowe Internet Explorera.
• Minifikuj CSS (domyślnie włączona): CSS w elementach <style> i atrybutach style staje się krótszy. Reguła @import zostaje bez zmian i nic nie jest pobierane.
• Minifikuj JavaScript (domyślnie włączona): skrypty wbudowane i atrybuty zdarzeń, takie jak onclick, stają się krótsze. Nazwy zmiennych lokalnych są skracane, nazwy globalne zostają, a komentarze licencyjne /*! ... */ są zachowywane. Zawartość danych strukturalnych, takich jak JSON-LD, nie jest minifikowana.

Czego narzędzie nigdy nie zmienia

• Tekstu wewnątrz <pre> i <textarea>, gdzie spacje i podziały wierszy są widoczne na stronie.
• Odwołań do znaków, takich jak  , & i é.
• Bloków PHP (<?php ... ?>) i w stylu ASP (<% ... %>) oraz wszystkiego, co znajduje się między dwoma komentarzami <!-- htmlmin:ignore -->.
• Deklaracji doctype, kotwic <a name>, atrybutu type="text" w polach formularza oraz wielkości liter i ukośników zamykających w SVG.

Komunikaty, które możesz zobaczyć

• Nie udało się odczytać skryptu: skrypt wbudowany lub atrybut zdarzenia, który sam w sobie nie jest poprawnym JavaScriptem, zostaje bez minifikacji, a narzędzie pokazuje wiersz i kolumnę błędu. Reszta strony i tak jest minifikowana.
• Nie udało się odczytać bloku CSS: ten CSS zostaje bez minifikacji.
• Zestaw znaków inny niż UTF-8: pobrany plik jest zawsze zapisywany w UTF-8, więc zmień <meta charset> strony na UTF-8 albo skopiuj wynik do własnego pliku.
• Brak oszczędności: kod HTML jest już tak mały, jak pozwalają na to te opcje.

Jeśli element <script> lub <style> nie jest nigdzie zamknięty, nic nie zostaje zminifikowane, a narzędzie pokazuje wiersz i kolumnę, w których ten element się zaczyna. Niezależnie od poziomu otwórz zminifikowaną stronę i przeklikaj ją przed publikacją.