Tasuta konverter

HTML Minifier

Minimeerige ja tihendage HTML-koodi koheselt oma brauseris. Eemaldage kommentaarid, ahendage tühikuid ja vähendage faili suurust. Tasuta ja privaatne.

Lohistage HTML-fail siia

Toetab .html- ja .htm-faile. Või kleepige oma HTML ülal.

Või

Sellest tööriistast

HTML-i minimeerimine eemaldab veebilehe allikast mittevajalikud märgid – tühikud siltide, kommentaaride, üleliigsed tsitaadid, valikulised sulgemissildid –, et vähendada faili suurust ilma lehe renderdusviisi muutmata. Kokkuhoid on lehe kohta tagasihoidlik (tavaliselt 10–30%), kuid see on seotud paljude taotlustega, eriti staatiliste saitide või dünaamilise tihendamiseta lehtede puhul.

See minimeerija eemaldab tühimikud plokitaseme elementide vahel, ahendab tühikuid ebaolulises tekstis, eemaldab HTML-i kommentaarid (välja arvatud IE tingimuslikud kommentaarid), eemaldab üleliigsed atribuutide jutumärgid, kui HTML5 spetsifikatsioon seda lubab, ja eemaldab valikulised sulgemärgendid (</p>, </li>), kui spetsifikatsioon seda võimaldab. Tulemus renderdatakse igas brauseris allikaga identselt.

Minimeerimine on kõige kasulikum, kui see on seotud serveri tasemel gzip- või Brotli-tihendusega. Tihendus eemaldab juba suure osa minimeerimisest tulenevatest säästudest, kuid need kaks koos võidavad siiski ainult tihendamise – eriti suure liiklusega saitide puhul, kus ribalaiuse kulud on olulised.

Miks minimeerida HTML-i

Väiksem HTML laaditakse kiiremini, eriti aeglasemate ühenduste ja mobiilsidevõrkude puhul. Lehekülje kaal mõjutab otseselt põhiveebi elutähtsaid väärtusi – nii suurima sisuga värvimise kui ka esimese baidi kulumise aeg paranevad, kui server tagastab sõelumiseks vähem HTML-i. Saitide puhul, kus SEO asetus sõltub Core Web Vitalsi skooridest, on minimeerimine mõõdetav paranemine.

Vähendatud HTML vähendab ka ribalaiuse kulusid. Sait, mis teenindab miljon lehte päevas, säästes 10 KB lehe kohta, säästab päevas 10 GB väljapääsu. Staatiliste saitide mõjuühendid, mida teenindavad CDN-id, mis arveldavad andmeedastuse teel.

Kuidas kasutada

Kleepige HTML, hankige minimeeritud versioon.

  1. Lisage HTML-sisend: Kleepige HTML-i allikas sisestusalale või pukseerige html-fail. Minifier aktsepteerib mis tahes kehtivat HTML5 märgistust.
  2. Valige valikud: Vaikimisi eemaldavad kommentaarid ja ahendavad tühikut; saate üksikud teisendused keelata, kui teil on vaja konkreetseid elemente säilitada (nt dokumentatsiooni jaoks kommentaare säilitada).
  3. Minimeeri: Minifier liigub mööda HTML-i märgivoogu, rakendades iga lubatud teisendust. Väljund on funktsionaalselt identne vähendatud suurusega HTML.
  4. Kopeerige või laadige alla: Kasutage tulemust esitatud HTML-ina. Enne juurutamist veenduge, et leht renderdatakse sihtbrauserites õigesti.

Levinud kasutusjuhtumid

Tehnilised üksikasjad

Minifier töötleb HTML-märke märgi haaval. Tühik plokitaseme elementide (<div>, <p>, <ul>) vahel eemaldatakse, kuna see ei mõjuta renderdamist. Tekstisiseses kontekstis (<span>, <a>, tekstisisu) jäetakse tühi tühimik, kuna see võib renderdamist mõjutada.

Kommentaarid eemaldatakse vaikimisi, kuid tingimuslikud kommentaarid (<!--[kui IE]>) säilitatakse. Atribuutide jutumärgid eemaldatakse seal, kus HTML5 parser seda võimaldab – ühesõnalised atribuudi väärtused ilma tühikute või erimärkideta võivad jutumärgid ära jätta.

Valikulised sulgemärgendid eemaldatakse vastavalt HTML5 spetsifikatsioonidele: </p>, </li>, </td> ja mõned teised võivad välja jätta, kui neile järgneb õde-vend, mis viitab nende sulgemisele. Seda on ebatavaline lugeda, kuid kehtiv HTML5, mida brauserid sõeluvad identselt.

Parimad tavad

Korduma kippuvad küsimused

Mida HTML-i minimeerimine eemaldab?
Tarbetu tühik siltide, HTML-i kommentaaride (<!-- -->), valikuliste sulgemismärgendite (</li>, </p>, </td>), atribuudi vaikeväärtuste (sisenditel type="text") ja tõeväärtuste (disabled="disabled" → keelatud) vahel.
Kas minimeerimine võib mu lehe murda?
Harva, kuid võimalik, kui teie CSS tugineb tekstisiseste elementide vahele jäävale tühikule või kui JavaScript kasutab sisemist HTML-i võrdlust. Testige alati minimeeritud väljundit. Tööriist kasutab vaikimisi konservatiivseid sätteid.
Kas ma peaksin HTML-i minimeerima, kui kasutan sellist raamistikku nagu Next.js?
Enamik kaasaegseid raamistikke (Next.js, Nuxt, Angular) minimeerib HTML-i tootmiskooslustes automaatselt. See tööriist on kasulik staatiliste HTML-failide, meilimallide ja ehitussüsteemita projektide jaoks.
Kas see vähendab ka tekstisiseseid CSS-i ja JavaScripti?
See tööriist keskendub HTML-i struktuurile. Tekstisisene <style> ja <script> sisu säilitatakse sellisel kujul, nagu see on. Nende jaoks kasutage optimaalsete tulemuste saavutamiseks spetsiaalseid CSS-i ja JavaScripti miniaate.
Kas valikulisi sulgemissilte on ohutu eemaldada?
Jah HTML5 spetsifikatsiooni järgi, kuigi tulemust on raskem lugeda. Mõned meeskonnad keelavad selle teisenduse selguse huvides, nõustudes väikese trahviga.
Kas minu HTML on serverisse üles laaditud?
Ei. Minifier töötab teie brauseris.
Kuidas seda võrrelda html-minifier-terseriga?
html-minifier-terser on kanooniline Node.js HTML-minifier ja annab veidi agressiivsemaid tulemusi. See tööriist hõlmab samu teisendusi brauseripoolseks kasutamiseks ilma ehituse seadistuseta.
Kas peaksin vähendama alati või valikuliselt?
Alati tootmiseks. Mitte kunagi lähtekoodi jaoks versioonikontrollis; Loetav HTML allikas on hoolduseks hädavajalik.