Nessun upload, 100% locale, nessun account

Minimizza / Abbellisci

Minimizza o abbellisci il codice. Tutto rimane nel tuo browser.

Come funziona Minimizza / Abbellisci

Minifica / Abbellisci comprime HTML, CSS e JavaScript rimuovendo commenti, spazi bianchi inutili e caratteri ridondanti, oppure espande il codice minificato in una forma indentata e leggibile. Tutta l'elaborazione avviene nel browser usando parser inclusi; nulla di ciò che incolli viene trasmesso da nessuna parte. Nulla di ciò che digiti qui lascia il dispositivo.

La minificazione incide direttamente sulle prestazioni di caricamento della pagina: file più piccoli si trasferiscono più velocemente, vengono analizzati più velocemente e consumano meno larghezza di banda. Per le distribuzioni in produzione, le risorse minificate sono uno standard. Questo strumento è utile quando ricevi un file minificato che devi leggere (abbellisci), quando vuoi controllare cosa fa un minificatore a uno snippet prima di integrarlo in una pipeline di build, o quando hai bisogno di una minificazione rapida una tantum senza configurare uno strumento di build.

Scritto da Bastien Sulyan

Come usare Minimizza / Abbellisci, passo dopo passo

  1. Incolla il codice HTML, CSS o JavaScript nell'area di input.
  2. Seleziona il tipo di linguaggio dal menu a discesa (HTML, CSS o JavaScript).
  3. Fai clic su «Minifica» per produrre la versione compressa, o su «Abbellisci» per espandere e indentare il codice.
  4. Copia il risultato dall'area di output usando il pulsante copia.
  5. Incolla codice diverso e ripeti secondo necessità.

Casi d'uso comuni

  • Uno sviluppatore frontend vuole minificare uno snippet CSS critico da includere inline nell'head HTML per le prestazioni above-the-fold.
  • Uno sviluppatore riceve uno script di terze parti minificato e deve abbellirlo per capirne la logica durante una revisione della sicurezza.
  • Un technical writer ha bisogno di una versione abbellita di un tag script JSON-LD minificato da includere nella documentazione.
  • Uno sviluppatore web controlla i risparmi in byte dalla minificazione di un file CSS prima di decidere se aggiungere un passaggio di build.

Domande frequenti

Il codice che incollo viene inviato a qualche server per la minificazione?

No. La minificazione e l'abbellimento sono eseguiti dal codice della pagina stessa, scritto appositamente per questo strumento anziché prelevato da un minificatore di terze parti. Tutta l'elaborazione rimane nella scheda del browser. Nulla di ciò che incolli qui viene trasmesso a Sunasty o a terze parti.

La minificazione JavaScript preserva il comportamento originale del codice?

Un buon minificatore preserva il comportamento rimuovendo solo gli spazi bianchi, accorciando i nomi delle variabili entro un ambito controllato e rimuovendo i commenti. Questo strumento mira a trasformazioni sicure. Le ottimizzazioni aggressive come l'eliminazione del codice morto o l'inlining delle funzioni generalmente non vengono applicate, poiché richiedono un'analisi completa del programma.

Posso minificare e poi abbellire il risultato per verificarlo?

Sì. Prima minifica il codice, poi incolla l'output minificato nell'input e fai clic su Abbellisci. La versione abbellita avrà un aspetto diverso dal sorgente originale (i nomi delle variabili potrebbero essere abbreviati, i commenti rimossi) ma sarà strutturalmente equivalente.

La minificazione HTML rimuove tutti i commenti?

Lo strumento rimuove i commenti HTML standard (<!-- ... -->) durante la minificazione. I commenti condizionali usati dalle vecchie versioni di IE (<!--[if IE]...-->) vengono sempre mantenuti, quindi la rimozione dei commenti non può interrompere comportamenti legacy che dipendono da essi.

Esiste un limite di dimensione per il codice che posso minificare?

Il limite è la memoria disponibile della scheda del browser. Il codice fino a poche centinaia di kilobyte viene elaborato rapidamente. Per i grandi bundle JavaScript (megabyte), uno strumento di build dedicato come esbuild, Terser o Lightning CSS è più veloce e più appropriato per l'uso in produzione.