Minificatore JavaScript online: riduci JS, CSS e HTML
Il minificatore riduce le dimensioni di JavaScript, CSS e HTML senza cambiarne il funzionamento: elimina commenti e spazi superflui e abbrevia i nomi locali in JavaScript. L'esempio JavaScript qui sotto, per esempio, passa da 324 B a 180 B. È gratuito, non richiede registrazione e il tuo codice resta nel browser.
Creato da Florian Galz
Codice ridotto? Con un web hosting veloce, il tuo sito si carica ancora più rapidamente.
Codice minificato
Il codice minificato apparirà qui non appena inserirai qualcosa a sinistra.Impostazioni
Le variabili locali e i parametri ricevono nomi brevi. I nomi globali restano invariati affinché gli altri script possano continuare a trovarli.
Abbrevia le espressioni e rimuove il codice inutilizzato. Il comportamento del codice resta invariato.
I commenti con /*! … */, @license o @preserve vengono mantenuti.
Inserisci il codice a sinistra o carica l'esempio. Il risultato apparirà subito.
Il tuo codice resta nel tuo browser: non viene caricato né salvato.
Risultato di esempio
Ecco cosa fa il minificatore JavaScript con il tuo codice
Inserisci codice JavaScript leggibile: lo strumento rimuove commenti e spazi superflui, abbrevia i nomi locali e restituisce il codice su una riga compatta, mostrando le dimensioni prima e dopo. I valori qui sotto sono un esempio fisso: il tuo risultato dipende dal codice.
Esempio · Impostazioni predefinite
Input (leggibile)
// Warenkorb-Summe berechnenfunction calculateTotal(items, taxRate) { let subtotal = 0; for (const item of items) { subtotal += item.price * item.quantity; } const tax = subtotal * taxRate; return Math.round((subtotal + tax) * 100) / 100;} console.log(calculateTotal([{ price: 4.99, quantity: 2 }], 0.19));Output (minificato)
function calculateTotal(t,o){let c=0;for(const o of t)c+=o.price*o.quantity;const a=c*o;return Math.round(100*(c+a))/100}console.log(calculateTotal([{price:4.99,quantity:2}],.19));- Originale
- 324 B
- Minificato
- 180 B
- Risparmio
- 44,4 %
- In questo esempio, questa parte del file era composta da commenti, rientri e nomi lunghi.
Funzioni
File più piccoli, stesso funzionamento
Cosa rimuove il minificatore e cosa lascia intenzionalmente invariato.
JavaScript con terser
Rimuove commenti e spazi superflui, abbrevia i nomi locali e semplifica le espressioni. I nomi globali restano invariati e i moduli ES vengono riconosciuti.
CSS senza sorprese
Commenti, spazi e punti e virgola finali vengono rimossi. Valori, colori, unità, stringhe e url() restano identici carattere per carattere.
HTML con codice inline
Gli spazi superflui accanto agli elementi a blocco vengono rimossi; tra le parole resta uno spazio. Vengono ridotti anche style, script e JSON-LD.
Dimensioni prima e dopo
Risparmio in percentuale e byte, più le dimensioni di entrambe le versioni con gzip, così come vengono trasmesse da un server web.
Mantieni i commenti di licenza
Se vuoi, i commenti con /*! … */, @license o @preserve vengono conservati; i commenti HTML condizionali vengono sempre conservati.
Rimane nel tuo browser
Nessun caricamento o salvataggio: il codice viene ridotto direttamente sul tuo dispositivo.
Come funziona
Come minificare JavaScript, CSS e HTML online
Quattro passaggi, senza registrazione né installazione.
Passaggio 1
Scegli il linguaggio
Seleziona JavaScript, CSS o HTML in alto. Quando cambi scheda, il codice di ogni linguaggio viene conservato.
Passaggio 2
Incolla il codice
Incolla il codice nel campo a sinistra, apri un file fino a 2 MB o carica l'esempio. Il risultato appare a destra dopo una breve pausa nella digitazione.
Passaggio 3
Controlla le impostazioni
Per JavaScript puoi scegliere se abbreviare i nomi e ottimizzare le espressioni. Puoi conservare i commenti di licenza e, per HTML, anche i commenti normali.
Passaggio 4
Applica il risultato
Controlla il risparmio con e senza gzip, copia il codice minificato oppure scaricalo come script.min.js, style.min.css o index.min.html.
Scopri di più
Altri strumenti
Confrontare testi online (Diff Checker)
Confronta online due testi, configurazioni o versioni di codice, visualizza le differenze riga per riga e parola per parola e copiale come Unified Diff. Funziona interamente nel browser.
Creato da Dimitri Heissler
Formatter JSON
Formatta, minimizza e convalida JSON con evidenziazione della sintassi, indicazione degli errori e download, interamente nel browser.
Creato da Jakub Martyniak
Tester Regex
Testi le espressioni regolari in tempo reale con il motore JavaScript nativo: evidenziazione delle corrispondenze, gruppi di cattura e modalità di sostituzione, tutto nel browser.
Creato da Jakub Martyniak
Formattatore e validatore XML
Convalida, formatta, minimizza e ripara automaticamente l'XML (caratteri senza escape, tag mancanti, dichiarazione mancante): 100 % nel browser, senza caricamento.
Creato da Justin Schuessler
Codificatore/decodificatore Base64
Codifica e decodifica testo in Base64, anche nella variante sicura per gli URL, con errori mostrati chiaramente. Tutto nel browser.
Creato da Jakub Martyniak
Generatore .htaccess e generatore htpasswd
Crea online file Apache .htaccess e .htpasswd: reindirizzamenti 301, HTTPS, protezione con password bcrypt, regole WordPress, pagine di errore, caching, GZIP e protezione contro l’hotlinking. Funziona interamente nel browser.
Creato da Dimitri Heissler
Formattatore SQL online (formatta e abbellisci SQL)
Formatta, abbellisci e minimizza SQL online per MySQL, MariaDB e PostgreSQL, con rientri e maiuscole per le parole chiave. Funziona interamente nel browser, senza caricamenti.
Creato da Luca Stanek
Formatter HTML e CSS online (abbellisci il codice)
Formatta, indenta e abbellisci HTML e CSS online, con rilevamento automatico della lingua. Funziona interamente nel browser, senza caricamenti.
Creato da Luca Stanek
Comprimi e ridimensiona le immagini
Comprimi e ridimensiona le immagini online: riduci le dimensioni di JPG, PNG e WebP, imposta una dimensione target in KB o converti i file, ad esempio da PNG a JPG. Tutto avviene nel browser.
Creato da Dimitri Heissler
FAQ
Domande frequenti
Risposte rapide sulla minificazione di JavaScript, CSS e HTML con questo strumento.
Il codice minificato e le dimensioni prima e dopo. L'esempio JavaScript di questa pagina, per esempio, passa da 324 B a 180 B. Puoi vedere anche le dimensioni di entrambe le versioni con compressione gzip, così come vengono trasmesse da un server web.
Un minificatore riduce le dimensioni del codice senza cambiarne il funzionamento: rimuove commenti, rientri e interruzioni di riga e abbrevia i nomi delle variabili locali. Così il file si carica più velocemente. Questo minificatore elabora JavaScript, CSS e HTML.
Seleziona la scheda CSS e inserisci il tuo foglio di stile. Lo strumento rimuove commenti, spazi superflui e l'ultimo punto e virgola di ogni blocco. Valori, colori e unità restano esattamente come li hai scritti; se vuoi, puoi conservare i commenti con /*! … */.
Seleziona la scheda HTML. I commenti vengono rimossi, gli spazi superflui accanto agli elementi a blocco come div o p vengono eliminati e quelli tra parole ed elementi inline ridotti a uno, così la pagina mantiene lo stesso aspetto. pre e textarea restano invariati; se vuoi, vengono ridotti anche il CSS in style e il JavaScript in script.
No. Lo strumento usa terser, lo stesso minificatore impiegato da molti strumenti di build. Abbrevia solo i nomi locali; quelli globali restano invariati, così gli altri script possono continuare a trovarli. Nei moduli ES con import o export vengono abbreviati anche i nomi al livello più alto. Se disattivi l'ottimizzazione del codice, i nomi vengono solo abbreviati e il codice non viene riscritto.
Se JavaScript contiene un errore di sintassi oppure un commento, una stringa o un tag non chiuso, lo strumento indica la riga e la colonna. Un clic ti porta al punto corrispondente nell'input. Se un blocco style o script in HTML contiene un errore, rimane invariato e lo strumento te lo segnala.
Sì, i due metodi si completano: gzip comprime le ripetizioni, mentre la minificazione rimuove i commenti e abbrevia i nomi che gzip non riesce a eliminare. Lo strumento ti mostra entrambe le dimensioni con gzip, così vedi quanti dati vengono effettivamente trasmessi per il tuo codice.
No. Tutto avviene nel tuo browser, senza caricamenti né salvataggi. Puoi aprire file fino a 2 MB, per esempio .js, .css o .html.
Hai altre domande?
Contatta il supportoIl tuo sito web ha bisogno di un hosting veloce
Codice JavaScript, CSS o HTML minificato e web hosting ZAP-Hosting: così il tuo sito si carica in un attimo. Per avere più controllo, scegli un VPS tutto tuo.
Nessuna configurazione. Nessun rischio. Online in pochi secondi.
Cerchi altri strumenti? Visualizza tutti gli strumenti per sviluppatori
Fonte preferita su Google
