Ugrás a tartalomhoz

HTML minifikáló

Csökkentse a HTML méretét megjegyzések, szükségtelen szóközök és üres attribútumok eltávolításával.

Bemenet
Kimenet

HTML minifikáló

Illesszen be egy tetszőleges HTML-dokumentumot vagy részletet, és ez az eszköz egy kisebb verziót ad vissza ugyanazzal a megjelenítési eredménnyel. Eltávolítja a megjegyzéseket, összecsukja a redundáns szóközöket a címkék között és az attribútumlistákon belül, és eltávolítja az üres attribútumokat, például a class="" értéket, amelyet a böngésző úgyis figyelmen kívül hagy. Használja statikus oldal szállítása, sablon egy másik rendszerbe ágyazása, vagy jelölés beillesztése valahova méretkorláttal előtt.

Négy lehetőség vezérli, hogy mennyire megy az minifikálás. A pre, textarea és script tartalom megtartása az alapértelmezett szerint a szóközöket ezeken az elemeken belül teljesen érintetlenül hagyja, mivel a <pre> blokkban vagy egy scriptben lévő szóköz gyakran értelmes; csak akkor kapcsolja ki, ha tudja, hogy az tartalom elbírja a szóközök összecsukódását. A Több szóköz összevonása szövegben a szóközök, tabulátorok és sortörések futamait az ordinális szövegben egyetlen térközre változtatja. A Idézőjelek eltávolítása egyszerű attribútumértékekből az olyan értékek körüli idézőjeleket csökkenti, mint az id=box, amely nem igényel azokat a HTML5 spec szerint — bármi, amely szóközt, egyenlőségjelet vagy egy másik idézőjelet tartalmaz, marad idézett. A Választható zárótag eltávolítása zárótag-ket csökkenti, amelyeket a böngésző önmagában megjelenik, mint a </li> az előtt egy másik <li> vagy a </td> előtt a </tr>, az ugyanaz a szabályokat használva, amelyeket a böngészők használnak az önmagukban való zárásukhoz.

Az eszköz a jelölés nyers szövegén működik, nem pedig egy teljes DOM újrasorosítása, így a címke vagy az attribútum neve nagybetű-nagysága soha nem módosul — az olyan nagy- és kisbetűket tartalmazó beépített SVG, mint a viewBox vagy clipPath, változatlan marad. A Windows és Unix sortöréseket is kezel, és az eredmény alatt a szám előtt és után a bájt méretét valamint az megtakarított százalékot jelenti.

Minden helyileg fut a böngészőjében — a jelölés soha nem töltödik fel sehová, amely ezt biztonságossá teszi belső sablonokhoz vagy bármi, amely még nem nyilvános. Másolja az eredményt, töltse le .txt fájlként, vagy küldje vissza az eredményt a bevitelbe egy másik réteg tekintetében.

Gyakori kérdések

Ezt megtöri az oldalam?
Az alapértelmezett lehetőségek konzervatívak: pre, textarea és script tartalom érintetlenül marad, és zárótag-ket csak akkor távolítunk el, ha a HTML5 spec azt mondja, hogy a böngésző úgyis megjelenik. Az eredményt a közzétételés előtt vizsgálja meg, ha bekapcsolja az agresszívabb lehetőségeket.
Minifikálja az HTML-ben belül lévő CSS-t és JavaScriptet?
Nem. A <style> etiketeken belüli tartalom ordinális szövegként kezelendő, és a <script> etiketeken belüli tartalom az alapértelmezett szerint megtartandó. Külön egy dedikált CSS- vagy JS-minifikálóval kezeli ezt a kódot, majd illessze be az egyesített oldalt ide.
Mi történik a megjegyzésekkel?
Az összes HTML-megjegyzés eltávolításra kerül, beleértve az olyan megjegyzéseket, amelyeket jegyzetekhez vagy szakaszcímkékhez használnak. Ha meg kell tartania egy adott megjegyzést, távolítsa el a bevitelből a beillesztés előtt, vagy szúrja be újra a minifikálás után.
Miért marad meg az üres alt attribútum a képeimen?
Az alt="" értelmes — azt mondja a kisegítő technológiának, hogy a kép dekoratív — így az eszköz megtartja azt, bár eltávolítja az olyan egyéb üres attribútumokat, mint a class="".
Az HTML-em valahova feltöltésre kerül?
Nem. A minifikálás teljes mértékben a böngészőjében fut, helyi JavaScript segítségével — a jelölés soha nem hagyja el az eszközét.