Gumagamit ang minifier na ito ng maingat na paghawak sa whitespace. Pinapaliit nito ang markup pero nag-iiwan ng isang space kapag maaaring kailanganin iyon sa magkatabing inline content. Hindi nito binubura ang gumaganang conditional comments, server-side include directives at Knockout comments. Hindi kailanman umaalis sa device mo ang HTML.
Libreng HTML Minifier
Tumatakbo nang buo sa iyong browser - walang upload, walang sign-up.
HTML input
Na-minify na HTML
I-paste ang HTML para makita ang minified na resulta
Ano ang ginagawa ng HTML minifier?
Kino-compress ng HTML minifier ang markup sa pamamagitan ng pag-alis ng ordinaryong comments, indentation, line breaks at sobrang spacing na hindi kailangan ng browser. I-paste ang isang dokumento o fragment para makuha ang compact na HTML at eksaktong bilang ng bytes na natipid. Hindi binabago ang content sa script, style, preformatted at textarea, at lokal lang sa browser mo nangyayari ang lahat ng processing.
Paano gamitin
- 1I-paste ang HTML mo. Maglagay ng kumpletong dokumento o HTML fragment sa input editor, o i-load ang example.
- 2Piliin kung paano hahawakan ang comments. Panatilihing naka-on ang pag-alis ng comments para sa pinakamaliit na resulta, o i-off ito kung kailangang manatili ang review notes.
- 3Tingnan ang natipid. Suriin ang orihinal at minified na UTF-8 byte sizes, percentage na natipid, lines na inalis at comments na inalis.
- 4Kopyahin ang resulta. Kopyahin ang compact na HTML sa build output, CMS o lokal na project mo. Itago ang madaling basahing source para sa susunod na pag-edit.
Para kanino ito
- Mga frontend developer na gumagawa ng mas maliit na production copy ng static page, component demo o email template.
- Mga performance team na sumusukat kung ilang uncompressed HTML bytes ang idinadagdag ng formatting at development comments.
- Mga CMS editor na nagpapaliit ng exported page fragment bago ito ilagay sa template o content block.
- Mga estudyante na ikinukumpara ang madaling basahing source markup sa compact na anyong kayang i-parse ng browser.
FAQ
Libre ba ang HTML minifier na ito?
Oo. Libreng gamitin ang HTML minifier nang walang account, download o usage quota. I-paste ang markup, tingnan ang live na resulta at kopyahin ito diretso mula sa browser.
Ina-upload ba kahit saan ang HTML ko?
Hindi. Lokal sa browser mo nangyayari ang pag-minify at pagsukat ng bytes. Hindi ipinapadala sa server ang HTML na ipi-paste mo, kaya maaari kang magproseso ng unpublished templates, internal links at private page fragments sa sarili mong device.
Gaano karaming HTML ang puwede kong i-minify?
Walang server-side size limit dahil hindi ina-upload ng tool ang input mo. Nakasalalay sa memory ng browser at device ang praktikal na limitasyon, pero dapat agad mag-update ang karaniwang pages, templates at email documents.
Binabago ba ng minifier ang script o style content?
Hindi. Byte for byte na pinapanatili ang content sa loob ng script at style elements. Ganoon din ang proteksiyon sa preformatted at textarea content, kung saan maaaring may kahulugan ang spaces at line breaks. Gumamit ng hiwalay na CSS o JavaScript minifier kung kailangan ding i-compress ang mga wikang iyon.
Aling HTML comments ang inaalis?
Kapag naka-on ang pag-alis ng comments, binubura ang ordinaryong development comments. Nananatili sa output ang gumaganang Internet Explorer conditional comments, server-side include directives at Knockout binding comments dahil maaaring magbago ang behavior kapag inalis ang mga iyon. Maaari mo ring i-off ang option para panatilihin ang lahat ng comment.
Mababago ba ng HTML minification ang hitsura ng page?
Maaaring pagdikitin ng sobrang agresibong pag-alis ng whitespace ang mga salita o baguhin ang whitespace-sensitive na content. Maingat ang paraang gamit ng tool: kino-collapse nito ang sobrang whitespace, pinananatili ang posibleng inline separators at hindi ginagalaw ang raw o preformatted blocks. Laging i-test ang production page pagkatapos mag-minify.
Maibabalik ko ba ang orihinal na formatting?
Kayang magdagdag ng madaling basahing indentation ang formatter sa minified HTML, pero hindi nito maibabalik ang mga inalis na comment o ang eksaktong orihinal na line breaks. Itago sa version control ang madaling basahing source file at ituring ang minified na resulta bilang build output.