Preskoči na sadržaj
1001 Tools
en
Alati za programere

HTML minifikacija

Nalepite HTML i dobijte manju verziju sa uklonjenim komentarima i uvlačenjem, uz broj bajtova pre i posle. Radi u potpunosti u pregledaču, štiti sadržaj pre, textarea, script i style, i nikada ne dira vrednosti atributa — pa se stranica i dalje prikazuje isto.

Minifikovan HTML
Podeli FacebookXLinkedInWhatsAppViber

Kako radi

Minifikator uklanja HTML komentare (čuvajući IE uslovne komentare), sažima nizove razmaka u tekstu na jedan razmak i uklanja praznine samo od razmaka — nove redove i uvlačenje — između tagova. Vrednosti atributa se ostavljaju potpuno na miru, pa alt="a b" ili unapred formatiran naslov zadržava tačan razmak.

Neki elementi se ne smeju dirati: sirovi sadržaj pre, textarea, script i style se zaštiti pre nego što se bilo šta ukloni, pa blokovi koda, inline skripte i stilovi opstaju doslovno. Jedno namerno ograničenje: razmak koji je jedini sadržaj između tagova se uklanja, što može spojiti susedne inline elemente koji su se oslanjali na taj razmak — na primer dva podebljana (bold) elementa razdvojena jednim razmakom. Ako vaš raspored zavisi od takvog razmaka, proverite rezultat; inače je izlaz manji bajt po bajt i vizuelno identičan.

Primeri iz prakse

Uvučen šablon

Lepo formatirana stranica sa mnogo uvlačenja i komentara osetno se smanji kada nestanu razmaci i komentari — često 20–40% manja bez vidljive promene.

HTML za mejl

Šabloni mejlova su opširni i puni razmaka. Minifikacija ih skrati pre lepljenja u alat za slanje, uz očuvane script i style blokove.

Ubacivanje fragmenta

Treba da ugradite HTML isečak u JSON string ili data atribut. Minifikujte ga prvo da stane u jednu kompaktnu liniju.

Česta pitanja

Da li će minifikacija promeniti izgled moje stranice?

U skoro svim slučajevima ne. Pregledači već sažimaju razmak u tekstu, pa uklanjanje uvlačenja i komentara nema vizuelni efekat. Jedino na šta treba paziti je razmak između inline elemenata, koji ovaj alat uklanja.

Da li se script i style blokovi takođe minifikuju?

Ne — njihov sadržaj je zaštićen i ostaje tačno kakav jeste. Ovaj alat minifikuje HTML strukturu; koristite CSS minifikator za stilove i namenski JS minifikator za skripte ako želite da i njih kompresujete.

Da li se sadržaj pre i textarea čuva?

Da. Razmak je značajan unutar pre i textarea, pa se njihov sadržaj zaštiti pre bilo kakvog sažimanja i prolazi netaknut.

Da li menja vrednosti atributa?

Ne. Alat obrađuje samo tekst između tagova, nikada unutrašnjost taga, pa vrednosti atributa zadržavaju tačan razmak — uključujući namerno udvostručene razmake u alt ili title tekstu.

Zašto su razmaci između nekih elemenata nestali?

Praznine samo od razmaka između tagova uklanjaju se kao deo minifikacije. Za blok elemente ovo je nevidljivo, ali za inline elemente uklonjen razmak može da ih spoji. Ako vam treba razmak, dodajte neprelomivi razmak ili ga zadržite unutar elementa.

Da li čuva IE uslovne komentare?

Da. Uslovni komentari koji ciljaju stariji Internet Explorer se čuvaju jer nose logiku za prikaz; obični komentari se uklanjaju.

Koliko će mi HTML biti manji?

Obično 20–40% za ručno pisan, uvučen HTML. Već kompaktan ili generisan markap se manje smanjuje. Brojač bajtova pokazuje tačnu uštedu za vaš unos.

Mogu li da poništim minifikaciju?

Ne automatski — uvlačenje i komentari se odbacuju i ne mogu se povratiti. Sačuvajte izvorni fajl, ili propustite izlaz kroz HTML formater da ponovo bude čitljiv.

Da li se moj HTML igde šalje?

Ne. Sve se izvršava u vašem pregledaču pomoću JavaScript-a. Ništa se ne šalje na server, i radi van mreže kada se stranica učita.

Srodni alati