HTML minifitseerija ja vormindaja veebis — tasuta, ilma üleslaadimiseta

Kleebi HTML allpool, et seda kas minifitseerida — eemaldades kommentaarid, üleliigsed atribuudid ja lisatühiku — või ilustada loetavaks, taandtega märgistuseks. Mõlemad suunad töötavad täielikult sinu brauseris kasutades päris HTML parserit, mitte regex-i, seega sisu <pre> ja <textarea> sees jääb terveks.

Mis see tööriist on?

HTML minifitseerija eemaldab kõik, mida brauser lehe õigesti renderdamiseks ei vaja: kommentaarid, lisatühiku siltide vahel, üleliigsed atribuudid nagu type="text/javascript" ja valikulised sulgemiskaldkriipsud. Tulemuseks on funktsionaalselt identne HTML, mis laadib ja parsib kiiremini.

See tööriist on ehitatud html-minifier-terser'ile, samale minifitseerijale, mida kasutatakse populaarsetes ehitustööriistades, seega mõistab see HTML struktuuri, mitte ei eemalda tühikut pimesi — see ei puutu vormindustundlikku sisu <pre>, <textarea> või sisemistes <script>/<style> plokkides ning minifitseerib ka sinu märgistuses sisalduva CSS-i ja JS-i.

Miks seda kasutada?

Päris parser aluses, mitte regex — turvaline servajuhtumite jaoks nagu <pre> plokid, sisemised skriptid ja tingimuslikud kommentaarid.
Minifitseerib ka sisemise <style> ja <script> sisu, mitte ainult ümbritsevat märgistust.
Näe täpselt, mitu baiti kokku hoidsid enne faili saatmist.
Vormindusrežiim muudab tihendatud, ühereaLise HTML tagasi millekski, mida inimene saab lugeda ja muuta.
100% kohalik töötlus — su märgistus ja kõik selles olev privaatne ei lahku kunagi sinu brauserist.

Kuidas kasutada

Kleebi oma HTML sisestusväljale, või klõpsa "Laadi näide", et proovida näidist.
Klõpsa "Minifitseeri", et seda tihendada, või "Vorminda", et ilustada 2-tühiku taandega.
Kontrolli sõnumit kastide all — minifitseerimisrežiim näitab mahu vähenemist; kui HTML-i ei saa parsida, näed täpset viga katkise väljundi asemel.
Klõpsa "Kopeeri", et tulemus võtta.

Näide

Sisend

<!DOCTYPE html>
<html>
  <head>
    <title>Näide</title>
  </head>
  <body>
    <!-- tervitus -->
    <p class="greeting">
      Tere, maailm!
    </p>
  </body>
</html>

Tulemus

<!doctype html><html><head><title>Näide</title></head><body><p class="greeting">Tere, maailm!</p></body></html>

Kommentaarid, taanded ja reavahetused eemaldatakse; doctype lühendatakse. Nähtav leht renderdub identselt.

Praktilised näpunäited

Minifitseeri vahetult enne juurutamist, mitte arenduse ajal — hoia loetavat HTML-i lähtekoodihoidlas ja minifitseeri ainult ehitusväljund.
Kui leht käitub minifitseerimise järel kummaliselt, kontrolli JavaScripti, mis tugineb täpsele tühikule tekstisõlmedes (haruldane, kuid juhtub mõne vanema vidinaga).
Elava saidi minifitseeritud HTML-i vormindamine on kiire viis selle struktuuri uurimiseks enne kraapija kirjutamist või paigutusprobleemide silumist.
Kombineeri CSS ja JS minifitseerijatega allpool, kui su ehitusprotsess hoiab stiile ja skripte eraldi failides.

Kuhu see sobib päriselus

Käsitsi ehitatud staatilised saidid, e-kirjade mallid ja sihtlehed saadetakse tihti sama taande ja kommentaaridega, mida kasutati arenduse ajal. Minifitseerimine enne juurutamist vähendab reaalset, kui ka tagasihoidlikku, ülekandmise kaalu — ja spetsiaalselt e-kirja HTML-i puhul mõjutab tähemärkide arv mõnikord Gmaili lõikamise piiri, seega väiksemal märgistusel on funktsionaalne kasu peale kiiruse.

Vormindamise suund on vastupidises suunas sama kasulik: minifitseeritud lehe kleepimine view-source'ist ja selle vormindamine on tihti kiireim viis konkurendi sihtlehe struktuuri mõistmiseks või kolmanda osapoole manuse silumiseks.

→ CSS Minifier · JS minimeerija

Levinud kasutusjuhud

Baitide eemaldamine staatiliselt sihtlehelt või e-kirja mallilt enne selle avaldamist.
Minifitseeritud HTML-lõigu vormindamine view-source'ist, et mõista selle struktuuri.
WYSIWYG redaktorist või CMS-i ekspordist kleebitud HTML-i puhastamine, mis kannab tihti liigset tühikut.
Kiire kontroll, kas käsitsi kirjutatud HTML-lõik on korrektselt vormistatud, kuna parsimise nurjumine annab selge vea.

Korduma kippuvad küsimused

Kas mu HTML laaditakse kuhugi üles?

Ei. Minifitseerimine ja vormindamine toimuvad mõlemad kohalikult sinu brauseris JavaScriptiga. Midagi, mida kleebid, ei saadeta serverisse, seega on see turvaline sisemiste mallide või avaldamata lehtede jaoks.

Kas minifitseerimine rikub mu lehe ära?

Ei tohiks — tööriist kasutab päris HTML parserit (html-minifier-terser), mis mõistab sildistruktuuri, seega säilitab tühikutundlikke elemente nagu <pre> ja <textarea> ega ühenda atribuute valesti. Kontrolli alati kriitilisi lehti pärast minifitseerimist, eriti kui tugined ebatavalistele sisemistele skriptidele.

Kas see minifitseerib ka HTML-i sees oleva CSS-i ja JavaScripti?

Jah. Sisemised <style> ja <script> plokid minifitseeritakse kohapeal, kasutades samu mootoreid nagu spetsiaalsed CSS ja JS minifitseerija tööriistad, seega ei pea neid käsitsi eraldama.

Kui palju väiksemaks HTML tavaliselt muutub?

See sõltub, kui palju tühikut, kommentaare ja vormindust originaalis oli — käsitsi kirjutatud HTML paljude taanetega ja kommentaaridega kahaneb tavaliselt 20-40%. Raamistiku genereeritud HTML, mis on juba kompaktne, säästab vähem.

Kas ma saan minifitseeritud HTML-i tagasi loetavaks vormingutuks teisendada?

Jah — kleebi minifitseeritud HTML ja klõpsa "Minifitseeri" asemel "Vorminda", et saada tagasi korralikult taandega loetav märgistus.

HTML minifitseerija ja vormindaja