Sări la conținut

Minificator HTML

Micșorează HTML prin eliminarea comentariilor, spațiilor în plus și atributelor goale.

Intrare
Ieșire

Minificator HTML

Lipește orice document HTML sau fragment și acest instrument returnează o versiune mai mică cu același rezultat randat. Elimină comentarii, restrânge spațiile redundante între etichete și liste de atribute, și elimină atributele goale, cum ar fi class="" pe care un browser le ignoră oricum. Folosește-o înainte de a publica o pagină statică, a încorpora un șablon într-un alt sistem, sau a lipi markup undeva cu o limită de dimensiune.

Patru opțiuni controlează cât de departe merge minificarea. "Păstrează conținutul pre, textarea și script" păstrează spațiurile exacte din aceste elemente neschimbate implicit, deoarece un spațiu eronat într-un bloc <pre> sau script este adesea semnificativ; dezactivează doar dacă știi că acel conținut poate tolera strângerea spațiilor. "Îmbină mai multe spații în text" transformă secvențele de spații, tab-uri și întreruperi de linie în textul obișnuit într-un singur spațiu. "Elimina ghilimele din valorile atributelor simple" scoate ghilimele în jurul valorilor cum ar fi id=box care nu le necesită conform specificației HTML5 — orice cu spațiu, semn egal sau altă ghilimă rămâne ghilimată. "Elimina etichetele de închidere opționale" elimină etichetele de închidere pe care un browser le deduce singur, cum ar fi </li> înainte de alt <li> sau </td> înainte de </tr>, folosind aceleași reguli pe care le folosesc browserele pentru a le auto-închide.

Instrumentul funcționează pe textul brut al markup-ului tău, în loc să re-serializeze un DOM complet, deci nu rescrie niciodată capitalizarea numelelor de etichete sau atribute — SVG inline cu elemente sensibile la capitalizare, cum ar fi viewBox sau clipPath, trec neschimbate. Acceptă terminații de linie Windows și Unix, iar totalul de sub ieșire raportează dimensiunea în octeți înainte și după minificare, împreună cu procentajul economisit.

Tot funcționează local în browserul tău — markup-ul tău nu este niciodată trimis nicăieri, ceea ce îl face sigur pentru șabloane interne sau orice care nu este încă public. Copiază rezultatul, descarcă ca fișier .txt, sau trimite ieșirea înapoi în intrare pentru a face o altă trecere.

FAQ

Va distruge aceasta pagina mea?
Opțiunile implicite sunt conservatoare: conținutul pre, textarea și script este lăsat neatins, iar etichetele de închidere sunt eliminate doar acolo unde specificația HTML5 spune că un browser le deduce oricum. Revizuiește rezultatul înainte de a publica dacă activezi opțiunile mai agresive.
Aceasta minifică CSS și JavaScript din interior HTML-ului meu?
Nu. Conținutul din interiorul etichetelor <style> este tratat ca text obișnuit, iar conținutul din interiorul etichetelor <script> este păstrat implicit. Folosește un minificator CSS sau JS dedicat pe acel cod separat, apoi lipește pagina combinată aici.
Ce se întâmplă cu comentariile?
Toate comentariile HTML sunt eliminate, inclusiv cele folosite pentru note sau marcatori de secțiuni. Dacă trebuie să păstrezi un comentariu specific, elimină-l din intrare înainte de a lipi, sau reinseră-l după minificare.
De ce un atribut alt gol rămâne pe imaginile mele?
alt="" este semnificativ — spune tehnologiei asistive că o imagine este decorativă — deci acest instrument o păstrează chiar dacă elimină alte atribute goale, cum ar fi class="".
HTML-ul meu este încărcat undeva?
Nu. Minificarea funcționează în întregime în browserul tău folosind JavaScript local — markup-ul tău nu părăsește niciodată dispozitivul tău.