Output will appear here...HTML-minifier & verfraaier comprimeert HTML-documenten door opmerkingen te verwijderen en de witruimte die uw sjablonen en redacteuren achterlaten, achter te laten - de inkeping, lege regels en volgspaties die browsers negeren, maar elke bezoeker downloadt nog steeds. Het HTML-document is de allereerste bron in elke paginabelasting; niets wordt weergegeven totdat het arriveert, dus bytes die hier worden bijgesneden, verplaatsen de eerste inhoudsvolle verf en tijd naar de eerste byte-aangrenzende statistieken directer dan bijna elk ander item. Server-gerenderde pagina's en sjabloonuitvoer verliezen routinematig 10-25% van hun grootte.
Het kritische detail in HTML-minificatie is weten wat u niet moet aanraken. Deze tool maskeert de inhoud van <pre>, <textarea>, <script> en <style> elementen voordat ze iets anders doen en herstelt ze daarna byte-voor-byte, dus codevoorbeelden behouden hun regeleinden, TextArea-standaarden behouden hun opmaak en Inline JavaScript en CSS worden nooit herschreven. Geciteerde attribuutwaarden worden exact bewaard, en dwz voorwaardelijke opmerkingen kunnen worden bewaard, zelfs als gewone opmerkingen worden uitgekleed - dezelfde discipline die een bouwtijdminifier zoals HTML-minifier-terser van toepassing is.
De verfraaier doet het omgekeerde: er is een geminifieerde of rommelige markering voor nodig en het herinent het opnieuw met nest-bewuste structuur, waarbij inline-elementen zoals <span>, <a> en <strong> vloeiend blijven met hun omringende tekst in plaats van elke tag op zijn eigen regel te exploderen. Alles wordt 100% client-side uitgevoerd in uw browser - uw markup wordt nooit geüpload of geregistreerd, dus geschraapte pagina's, CMS-export en eigen sjablonen zijn allemaal veilig om te plakken en de tool blijft offline werken.
Plaats een fragment, een componentsjabloon of een volledig document in het invoergebied. Zowel geformatteerde als reeds geminifieerde markup worden geaccepteerd.
Voor verkleining, schakel de verwijdering van commentaar, instorting van de witruimte en het behoud van voorwaardelijke opmerkingen. Kies voor verfraaiing 2, 4 of 8 ruimte-inspringing.
Minify comprimeert de markup terwijl het <pre>, <textarea>, <script> en <style> inhoud beschermt. Verfraai de geneste tags opnieuw en houdt inline-elementen leesbaar. De spaarbadge toont exacte voor/na maten.
Kopieer het resultaat naar uw klembord of download het als een .html-bestand dat klaar is om te implementeren of te inspecteren.
<pre>, <textarea>, <script> en <style> Inhoud worden gemaskeerd en hersteld byte-voor-byte — Codevoorbeelden en inline scripts worden nooit verminkt
Onafhankelijke schakelaars voor verwijdering van commentaar, instorten van de witte ruimte en IE voorwaardelijke bewaring van opmerkingen
Witruimte binnen geciteerde attribuutwaarden blijft exact behouden, dus alt-tekst, gegevensattributen en inline JSON overleven intact
Inspringende blokelementen genestelden terwijl ze inline tags zoals <span> en <a> vloeien met hun tekst; void-tags hebben geen afsluitend paar nodig
0 comments
No comments yet. Be the first to share your thoughts!