Minifichi il codice HTML e misuri la riduzione

Verifica inoltre che gli elementi ordinari vengano chiusi nell’ordine corretto e riconosce sia gli elementi vuoti standard di HTML sia la sintassi esplicita di chiusura automatica. Ogni risultato valido include l’HTML compatto, il conteggio dei byte UTF-8 originali e finali, la percentuale risparmiata e il numero di commenti rimossi. L’operazione è deterministica, non richiede una connessione di rete e offre un’alternativa prudente alla riscrittura aggressiva del markup.

Rimuova la formattazione senza cancellare il contenuto

Un documento HTML leggibile contiene spesso rientri, righe vuote e commenti esplicativi che ne facilitano la manutenzione, ma aggiungono byte alla risorsa distribuita. Questa capacità rimuove i normali commenti HTML ed elimina i nodi di testo composti esclusivamente da spazi quando si trovano fra due tag di markup. Conserva intenzionalmente qualsiasi testo contenente almeno un carattere diverso da uno spazio, perché uno spazio nel testo visibile può separare le parole ed essere importante per l’impaginazione o l’accessibilità. I valori degli attributi rimangono invariati, compresi quelli tra virgolette che contengono parentesi angolari, spazi, sequenze simili a commenti o dati incorporati. Lo scanner legge ogni tag completo rispettando le virgolette, anziché fermarsi al primo segno di maggiore che incontra. I corpi di script e style ricevono un trattamento speciale: il contenuto viene copiato esattamente fino al relativo tag di chiusura, quindi operatori di confronto, stringhe, selettori CSS e sintassi di commento interni non vengono scambiati per markup HTML. Lei può salvare il campo html restituito come artefatto di distribuzione e mantenere il sorgente leggibile nel controllo versione. Questo ambito prudente evita il riordino degli attributi, la normalizzazione del testo, la decodifica delle entità, l’omissione dei tag e altre trasformazioni che potrebbero modificare il comportamento del browser.

Individui markup incompleto o annidato male

La minificazione non dovrebbe mai mascherare un modello troncato facendolo apparire come un file pronto per la produzione. Durante la scansione del documento, la capacità registra ogni elemento di apertura ordinario e richiede che gli elementi vengano chiusi nell’ordine inverso. Se un div viene aperto prima di uno span, quindi, lo span deve chiudersi prima del div. Un tag di chiusura inatteso, un tag incompleto, un commento non terminato o un elemento ancora aperto alla fine genera un errore di input non valido invece di un risultato parziale. Gli elementi vuoti standard come img, input, meta, link, br, hr, source e wbr non richiedono tag di chiusura. È accettata anche la sintassi esplicita di chiusura automatica per qualsiasi elemento denominato, così da supportare frammenti in forma XML e output di componenti con una barra finale. Si tratta di una validazione strutturale intenzionale, non di un controllo completo della conformità alla specifica HTML. In particolare, l’algoritmo non deduce i tag finali facoltativi e non ripara markup tollerato dal browser. Se il sorgente omette la chiusura di elementi come paragrafi o voci di elenco, Lei deve chiuderli esplicitamente prima dell’invio. La regola rigorosa facilita il rilevamento di output difettosi e rende i risultati prevedibili nei diversi ambienti di automazione.

Misuri il risparmio in un flusso di pubblicazione ripetibile

La risposta misura sia il sorgente inviato sia il risultato compatto in byte UTF-8, una rappresentazione più accurata delle dimensioni di archiviazione e trasferimento delle normali risorse HTML rispetto al conteggio dei caratteri JavaScript. La distinzione è importante quando il markup contiene testo accentato, alfabeti non latini, emoji o altri caratteri codificati con più byte. reduction_percent viene calcolato da questi totali esatti e arrotondato a due decimali, mentre comments_removed indica quanti commenti HTML completi sono stati eliminati. Un generatore di siti statici può elaborare ogni pagina renderizzata, memorizzare il valore html restituito e registrare le misure nel rapporto di compilazione. Una pipeline di modelli può utilizzare gli errori strutturali per interrompere la pubblicazione quando il markup generato è troncato o annidato in modo errato. Poiché l’elaborazione è pura e deterministica, lo stesso input produce sempre lo stesso output e le stesse metriche, senza chiamate di rete, dipendenze esterne, casualità o comportamenti legati all’ora. Ogni richiesta API automatizzata costa $0.002. Questa operazione non comprime i dati di trasporto, non raggruppa le risorse collegate, non ottimizza JavaScript o CSS incorporati e non riscrive la semantica del documento. In seguito Lei può applicare una compressione server come Brotli per ridurre ulteriormente il trasferimento.