Minifikator HTML

Co jest usuwane?

• Komentarze: <!-- … --> są usuwane, z wyjątkiem komentarzy warunkowych Internet Explorera i komentarzy zaczynających się od <!--!.
• Białe znaki między elementami blokowymi: znaki nowej linii i wcięcia między znacznikami, takimi jak <div>, <li> czy <head>, nigdy nie są renderowane, więc są całkowicie usuwane.
• Ciągi spacji w tekście: są zwijane do jednej spacji, dokładnie tak, jak i tak renderuje je przeglądarka.
• Białe znaki wewnątrz znaczników: <p class = "a"> staje się <p class="a">.

Co jest zachowywane?

W niektórych miejscach białe znaki mają znaczenie i minifikator to respektuje. Zawartość <pre> i <textarea> jest zachowywana bajt po bajcie. Pojedyncza spacja między elementami inline, np. <b>bold</b> text, zostaje, bo jej usunięcie skleiłoby słowa. Wartości atrybutów i cudzysłowy nigdy nie są zmieniane.

Osadzony CSS i JavaScript

Osadzone bloki <style> są optymalizowane przez CSSO, a bloki <script> przez Terser – te same silniki, których używają strony minifikatora CSS i minifikatora JavaScript. JSON-LD i inne bloki skryptów JSON są kompaktowane, a skrypty nieznanych typów (np. szablony) pozostają nietknięte.

Czy minifikacja HTML się opłaca?

W stronach renderowanych po stronie serwera i witrynach statycznych dokument HTML jest pierwszą rzeczą, którą pobiera przeglądarka, więc każdy zaoszczędzony bajt skraca czas do pierwszego renderowania. Oszczędności 10–25% przed kompresją są typowe, a większe w przypadku szablonów z dużymi wcięciami i stron z dużymi osadzonymi skryptami.