Output will appear here...Il minifier e l'abbellimento HTML comprimono i documenti HTML rimuovendo i commenti e facendo crollare lo spazio bianco che i tuoi modelli ed editor si lasciano alle spalle: il rientro, le righe vuote e gli spazi finali che i browser ignorano ma ogni visitatore continua a scaricare. Il documento HTML è la prima risorsa in ogni caricamento di pagina; nulla viene visualizzato fino all'arrivo, quindi i byte ritagliati qui spostano la prima pittura contenta e il tempo per le prime metriche adiacenti al byte più direttamente di quasi tutte le altre risorse. Le pagine renderizzate e l'output del modello per il server permettono di regolare il 10-25% delle loro dimensioni.
Il dettaglio critico nella minimizzazione HTML è sapere cosa non toccare. Questo strumento maschera i contenuti di <pre>, <textarea>, <script> e <style> prima di fare qualsiasi altra cosa e li ripristina in seguito byte per byte, quindi gli esempi di codice mantengono le loro interruzioni di riga, le impostazioni predefinite di TextArea mantengono la loro formattazione e JavaScript in linea e CSS non vengono mai riscritti. I valori degli attributi citati vengono conservati esattamente e i commenti condizionali di IE possono essere conservati anche mentre i commenti ordinari vengono rimossi: la stessa disciplina si applica a un minifier del tempo di costruzione come HTML-Minifier-Terser.
L'abbellimento fa il contrario: prende il markup minimizzato o disordinato e lo reindenta con una struttura sensibile al nidificazione, mantenendo elementi in linea come <span>, <a> e <strong> che scorre con il testo circostante invece di esplodere ogni tag sulla propria linea. Tutto funziona al 100% dal lato client nel tuo browser: il tuo markup non viene mai caricato o registrato, quindi le pagine raschiate, le esportazioni CMS e i modelli proprietari sono tutti sicuri da incollare e lo strumento continua a funzionare offline.
rilasciare un frammento, un modello di componente o un documento completo nell'area di input. Sia il markup formattato che quello già minimizzato sono accettati.
Per minimizzazione, attiva la rimozione dei commenti, il collasso degli spazi bianchi e la conservazione del commento condizionale. Per abbellire, scegli 2, 4 o 8 spazi per indentazione.
Minify comprime il markup proteggendo <pre>, <textarea>, <script> e <style>. Beautify Reindentate i tag nidificati e mantiene leggibili gli elementi inline. Il badge di risparmio mostra le taglie esatte prima/dopo.
Copia il risultato negli appunti o scaricalo come file .html pronto per la distribuzione o ispezionarlo.
<pre>, <textarea>, <script> e <style> I contenuti vengono mascherati e ripristinati byte per byte — Esempi di codice e script in linea non vengono mai alterati
Interruttori indipendenti per la rimozione dei commenti, il collasso degli spazi bianchi e la conservazione dei commenti condizionali di IE
Gli spazi bianchi all'interno dei valori degli attributi citati vengono conservati esattamente, quindi il testo alternativo, gli attributi dei dati e JSON in linea sopravvivono intatti
Rientra gli elementi di blocco nidificati mantenendo i tag in linea come <span> e <a> che scorre con il loro testo; i tag void non hanno bisogno di coppia di chiusura
0 comments
No comments yet. Be the first to share your thoughts!