Minificatore HTML
Pagine più piccole, resa identica
Questo minificatore HTML gratuito funziona online, toglie commenti e spaziature dal markup e ti restituisce una pagina più piccola. Prima incolla il tuo HTML o trascina i file. Poi premi un pulsante. Infine copia il risultato, perché tutto il lavoro avviene in questa scheda.
- GratisPrezzo
- Non serveAccount
- NessunoCaricamenti
- A ogni passaggioVerificato
Minificatore HTML
Incolla il codice o trascina i file — nulla viene caricato
Risultato minificato
- Originale
- —
- Minificato
- —
- Risparmiato
- —
- Con gzip
- —
- Tag
- —
- Tempo
- —
Pronto. Incolla il tuo HTML, poi premi Minifica o Abbellisci.
Cos’è un minificatore HTML?
Un minificatore HTML riscrive una pagina scritta per le persone in una che il browser scarica più in fretta. Elimina i commenti e l’indentazione che aiuta solo chi legge. Tuttavia mantiene ogni tag e ogni parola, quindi la pagina appare esattamente come prima.
Il risparmio arriva presto, ed è per questo che conta. L’HTML è la prima cosa che il browser chiede, e ogni altra richiesta lo aspetta. Perciò un documento che scende da 80 KB a 58 KB avvia prima l’intera cascata.
Alcuni chiamano lo stesso lavoro compressore HTML. Entrambi i termini descrivono un solo risultato: meno caratteri, resa identica. In breve, pubblichi la pagina piccola e tieni quella leggibile.
Alcuni spazi contano e la maggior parte no. La specifica della sintassi HTML traccia quel confine esattamente dove lo traccia questa pagina.
Perché l’HTML è più difficile da minificare di CSS o JavaScript
In CSS e JavaScript lo spazio tra due elementi è decorazione. In HTML è testo che un lettore può vedere. `bold italic` mostra uno spazio tra quelle parole e `bolditalic` no, quindi uno strumento che schiaccia ogni spazio riscrive in silenzio la tua frase.
Questa sola differenza spiega la maggior parte delle segnalazioni del tipo "il minificatore mi ha rotto la pagina". Per questo lo strumento guarda cosa c’è ai due lati di ogni spazio. Accanto a un tag inline lo spazio resta uno, perché un lettore lo vedrebbe. Accanto a un tag di blocco sparisce, perché lì non si vede nulla.
Cosa resta esattamente come l’hai scritto
Tutto ciò che sta dentro `pre`, `textarea`, `script`, `style` e `code` sopravvive byte per byte, a capo compresi. Uno spazio in un blocco `pre` è output visibile, e un a capo dentro uno script può chiudere un’istruzione.
Anche i commenti condizionali sopravvivono. `
Perché le virgolette degli attributi restano
Alcuni strumenti tolgono le virgolette da `class="card"`. I byte ci sono ma sono pochi, e la sicurezza dipende dal valore. Questo strumento le lascia, perché pochi caratteri non giustificano mai quel tipo di bug.
In questa pagina
- Lo strumento
- Cos’è un minificatore HTML?
- Minifica HTML in quattro passaggi
- Un minificatore HTML che rispetta i tuoi spazi
- Ottenere il massimo da questo compressore HTML
- Errori che rompono una pagina minificata
- Domande frequenti sul minificatore HTML
- Altri strumenti che puoi usare subito
Continua
Minifica HTML in quattro passaggi
Niente programmi, niente account, niente code. Tutto gira nella scheda che hai già aperta.
- 1
Aggiungi il markup
Incolla l’HTML nell’editor o trascina i file .html nella scheda di caricamento. Entrambe le vie fanno lo stesso lavoro.
- 2
Scegli cosa togliere
I commenti se ne vanno di default e i condizionali restano. Inoltre decidi se comprimere gli spazi e riordinare gli attributi.
- 3
Premi minifica
Lo strumento scorre ogni carattere, riscrive la pagina e poi rilegge la propria risposta prima di mostrarti qualcosa.
- 4
Copia o scarica
Prendi il risultato come testo o salvalo come file .min.html. Nel frattempo l’originale resta esattamente come l’hai lasciato.
Un minificatore HTML che rispetta i tuoi spazi
Una pagina rotta raramente si annuncia. Si vede solo un po’ storta, e nessuno capisce quale strumento sia stato.
Distingue inline e blocco
Uno spazio accanto a uno span o a un link resta uno, perché un lettore lo vede. Uno spazio accanto a un div sparisce, perché lì non si vede nulla.
I blocchi grezzi restano esatti
Ciò che sta in pre, textarea, script, style o code esce byte per byte, a capo compresi.
Verifica ogni passaggio
Lo strumento rilegge il proprio output e confronta ogni tag, attributo e parola con l’originale. Una discrepanza viene segnalata, mai nascosta.
I condizionali sopravvivono
Un commento condizionale di IE è markup travestito da commento. Perciò resta, a meno che tu non dica altrimenti.
Nulla lascia la tua scheda
Il tuo markup non viaggia mai. Non ci sono richieste, archiviazione o registri, quindi puoi incollare qui lavori dei clienti in sicurezza.
Mostra il numero reale
Vedi la dimensione gzip accanto a quella grezza, perché è il gzip ad arrivare davvero al tuo visitatore.
Ottenere il massimo da questo compressore HTML
Alcune piccole abitudini mantengono prevedibile una pagina minificata.
- Conserva l’originale. Modifica sempre il file leggibile. Così la copia minificata resta qualcosa che generi, mai qualcosa che mantieni.
- Minifica per ultimo. Eseguilo dopo il motore di template e dopo i test. Altrimenti testi una pagina e ne pubblichi un’altra.
- Controlla una frase con link. Guarda un paragrafo che contiene link. Se le parole hanno ancora i loro spazi, le regole sugli spazi hanno fatto il loro lavoro.
- Servilo con gzip. Minificare e comprimere si sommano. Di conseguenza il peso trasferito scende ben sotto quello del file su disco.
- Lascia stare i condizionali. A meno che tu non sappia che nulla ne dipende, lascia attivo quell’interruttore. Non costano quasi nulla.
- Guarda il badge di verifica. Se un passaggio dice che non ha potuto verificare, non pubblicare quel file. Invece mandaci il caso e tieni l’originale.
Errori che rompono una pagina minificata
Quasi ogni storia del tipo "adesso si vede male" è una di queste tre.
Schiacciare gli spazi inline
Uno strumento che toglie ogni spazio attacca le parole. La pagina resta valida, eppure si legge male.
Appiattire i blocchi pre
Esempi di codice e layout ASCII dipendono dai loro a capo. Se li comprimi, l’esempio diventa un’unica lunga riga.
Modificare il file minificato
Le tue modifiche spariscono alla prossima build. Quindi la correzione va sempre nel template sorgente.
Domande frequenti sul minificatore HTML
Questo minificatore HTML cambierà l’aspetto della mia pagina?
Non dovrebbe, e lo verifica invece di darlo per scontato. Lo strumento mantiene gli spazi visibili tra gli elementi inline, rimuove solo quelli che non si vedono e poi rilegge il proprio output per confermare che ogni tag e ogni parola siano sopravvissuti.
Cosa succede ai miei blocchi script e pre?
Escono byte per byte, a capo compresi. Questo conta due volte: uno spazio in un blocco pre è output visibile, e un a capo dentro uno script può chiudere un’istruzione.
Quanto diventerà più piccola la mia pagina?
Il markup leggibile di solito cala dal 15 al 30 per cento, e lo strumento mostra il valore esatto per il tuo file. Tuttavia una pagina generata da un bundler spesso è già compatta, quindi risparmia molto meno.
Rimuove i miei commenti condizionali di IE?
Solo se lo chiedi. Sembrano commenti ma si comportano come markup, quindi lo strumento li mantiene di default e ti offre un interruttore quando sei sicuro che nulla ne abbia bisogno.
Il mio HTML finisce su un server?
No. Tutto il minificatore gira nella scheda del browser. Non ci sono richieste, archiviazione o registri, quindi puoi incollare tranquillamente lavori riservati.
Posso minificare più file insieme?
Sì. Apri la scheda di caricamento e trascina tutti i file .html o .htm che vuoi. Lo strumento minifica ciascuno separatamente, e puoi scaricarli uno alla volta.
Altri strumenti che puoi usare subito
Ognuno gira nel browser e non ti chiede nulla.
Minificatore CSS
Riduci un foglio di stile senza rompere calc() o i selettori.
Apri lo strumento →Minificatore JavaScript
Riduci uno script, con lo stesso controllo che il risultato corrisponda ancora al tuo codice.
Apri lo strumento →Strumento dimensioni immagine
Leggi dimensioni, peso e formato reali di tutte le immagini in una volta.
Apri lo strumento →
Riduci la tua prossima pagina in pochi secondi
Incolla il markup, premi un pulsante e verifica tu stesso il risparmio. Nulla viaggia da nessuna parte e nulla resta salvato.