Ez a minifier óvatosan kezeli a szóközöket. Tömöríti a jelölőkódot, de egyetlen szóközt meghagy ott, ahol két egymás melletti inline tartalom között szükség lehet rá. A funkcionális feltételes kommenteket, a szerveroldali include utasításokat és a Knockout kommenteket is megőrzi. A HTML nem hagyja el az eszközödet.
Ingyenes HTML minifier
Teljesen a böngésződben fut - feltöltés és regisztráció nélkül.
HTML-bemenet
Tömörített HTML
Illessz be HTML-t a tömörített eredményhez
Mit csinál egy HTML minifier?
A HTML minifier eltávolítja a böngésző számára felesleges kommenteket, behúzásokat, sortöréseket és ismétlődő szóközöket. Illessz be egy dokumentumot vagy kódrészletet, és azonnal megkapod a tömör HTML-t, valamint a pontos bájtmegtakarítást. A script, style, előformázott és textarea tartalom változatlan marad. Minden feldolgozás helyben történik a böngészőben.
Így működik
- 1Illeszd be a HTML-t. Adj a beviteli mezőhöz egy teljes HTML-dokumentumot vagy kódrészletet, vagy töltsd be a példát.
- 2Állítsd be a kommentek kezelését. A lehető legkisebb eredményhez hagyd bekapcsolva a kommentek eltávolítását. Kapcsold ki, ha az ellenőrzési megjegyzéseket meg kell őrizni.
- 3Ellenőrizd a megtakarítást. Nézd meg az eredeti és a tömörített UTF-8-méretet, a megtakarított százalékot, valamint az eltávolított sorok és kommentek számát.
- 4Másold ki az eredményt. Másold a tömör HTML-t a build kimenetébe, a CMS-be vagy a helyi projektedbe. A későbbi szerkesztéshez tartsd meg az olvasható forrást is.
Kinek hasznos
- Frontend fejlesztők, akik egy statikus oldalból, komponensbemutatóból vagy e-mail-sablonból kisebb, éles környezetbe szánt példányt készítenek.
- Teljesítménnyel foglalkozó csapatok, akik pontosan megmérnék, hány tömörítetlen HTML-bájtot tesznek hozzá a behúzások és a fejlesztői kommentek.
- CMS-szerkesztők, akik egy exportált oldalrészlet méretét csökkentik, mielőtt sablonba vagy tartalmi blokkba illesztik.
- Tanulók, akik összehasonlítják a jól olvasható forráskódot a böngésző által feldolgozható tömör változattal.
Gyakori kérdések
Ingyenes ez a HTML minifier?
Igen. Fiók, letöltés és használati korlát nélkül használhatod. Illeszd be a jelölőkódot, ellenőrizd az élő eredményt, majd másold ki közvetlenül a böngészőből.
Feltöltődik valahová a HTML-kódom?
Nem. A tömörítés és a bájtmérés helyben fut a böngészőben. A beillesztett HTML nem kerül szerverre, így nem publikált sablonokkal, belső linkekkel és privát oldalrészletekkel is dolgozhatsz a saját eszközödön.
Mennyi HTML-kódot tömöríthetek?
Nincs szerveroldali méretkorlát, mert az eszköz nem tölti fel a bemenetet. A gyakorlati határ a böngésző és az eszköz memóriájától függ, de a szokásos oldalak, sablonok és e-mail-dokumentumok azonnal frissülnek.
Megváltoztatja a minifier a script vagy style tartalmát?
Nem. A script és style elemek tartalma bájtról bájtra megmarad. Ugyanez a védelem vonatkozik az előformázott és textarea tartalomra, ahol a szóközöknek és sortöréseknek jelentésük lehet. A beágyazott CSS vagy JavaScript tömörítéséhez használj külön erre készült eszközt.
Mely HTML-kommenteket távolítja el?
Bekapcsolt kommenteltávolítás mellett a szokásos fejlesztői kommentek eltűnnek. Az Internet Explorer feltételes kommentjei, a szerveroldali include utasítások és a Knockout kötési kommentek a kimenetben maradnak, mert a törlésük megváltoztathatná a működést. Az opció kikapcsolásával minden kommentet megtarthatsz.
Megváltozhat az oldal kinézete a HTML tömörítésétől?
A túl agresszív szóközeltávolítás összeragaszthat szavakat, vagy megváltoztathat szóközérzékeny tartalmat. Ez az eszköz óvatos: összevonja a felesleges szóközöket, meghagyja a lehetséges inline elválasztókat, és védi a nyers vagy előformázott blokkokat. Élesítés előtt mindig teszteld az oldalt.
Később visszaállítható az eredeti formázás?
Egy formatter olvasható behúzást adhat a tömör HTML-hez, de a törölt kommenteket és az eredeti sortöréseket nem tudja visszaállítani. Tartsd verziókezelésben az olvasható forrásfájlt, a tömör eredményt pedig kezeld build kimenetként.