Minifikator i upiększacz HTML
Prywatne z założenia — działa w całości w Państwa przeglądarce
Minifikuj lub upiększaj HTML w przeglądarce. Toova usuwa białe znaki, komentarze i opcjonalne cudzysłowy, aby zmniejszyć HTML dla produkcji, lub ładnie drukuje zminifikowany markup w coś, co rzeczywiście można odczytać.
Co usuwa minifikacja HTML
Białe znaki między tagami, niepotrzebne cudzysłowy wokół wartości atrybutów, zbędne zamknięcia tagów, komentarze i puste atrybuty wszystkie się sumują. Tryb minifikacji bezpiecznie przycina wszystko — wynik renderuje się identycznie w każdej nowoczesnej przeglądarce. Dla bardzo dużych stron lub statycznego HTML serwowanego z CDN oszczędności na czasie pierwszego bajtu są mierzalne, szczególnie zanim kompresja zadziała.
Tryb upiększania
Gdy musisz audytować HTML generowany maszynowo, debugować stronę renderowaną po stronie serwera lub czytać wynik generatora stron statycznych, tryb upiększania to czego potrzebujesz. Toova bierze płaski jednoliniowy HTML i rozwija go w prawidłowo wcięte drzewo z jasnymi granicami bloków. Poziom wcięcia jest konfigurowalny — 2 spacje, 4 spacje lub tabulatory — w zależności od preferencji odczytu.
Tylko przeglądarka
Całe przetwarzanie działa w przeglądarce. Wklejony HTML — nawet zastrzeżone szablony lub wrażliwy markup — nigdy nie opuszcza strony. To sprawia, że narzędzie jest bezpieczne do pracy z wewnętrznymi projektami, szablonami e-mail specyficznymi dla klienta lub czymkolwiek objętym NDA. Strona działa offline po pierwszym załadowaniu.
Najczęściej zadawane pytania
- O ile mniejszy jest zminifikowany HTML?
- Zazwyczaj 5-15% mniejszy przed gzip, więcej na stronach z dużą ilością białych znaków i komentarzy. Po gzip oszczędności spadają do kilku procent — ale każdy bajt liczy się przy pierwszym malowaniu strony.
- Czy minifikacja zepsuje moją stronę?
- Nie, dopóki wejście to prawidłowy HTML. Minifikator dokładnie zachowuje strukturę DOM. Białe znaki między elementami inline są czasem znaczące, więc narzędzie zachowuje je tam, gdzie mogłyby wpłynąć na renderowanie.
- Czy usuwa komentarze?
- Domyślnie tak. Można zachować komentarze warunkowe (stare bloki tylko dla IE) i nagłówki licencji przez przełącznik preserve-comments. Zwykłe komentarze są usuwane, aby zaoszczędzić bajty.
- Czy mogę upiększyć jedną linię HTML?
- Tak. Upiększacz parsuje dowolny płaski HTML i wcina go zgodnie z drzewem DOM. To czyni go czytelnym nawet gdy wejście to zminifikowany wynik z pipeline buildowego.
- Czy mój HTML jest wysyłany gdziekolwiek?
- Nie. Przetwarzanie odbywa się całkowicie w przeglądarce. Nic nie jest przesyłane ani logowane.