Utilore

Minificatore CSS

Incolla un foglio di stile e riprendilo compresso. Il contatore sotto il riquadro mostra la dimensione prima e dopo, così vedi se ne è valsa la pena.

Il codice non lascia mai questa pagina: la formattazione avviene nel tuo browser.

Come si usa

  1. Incolla il CSS nel primo riquadro: viene minificato mentre scrivi.
  2. Confronta le dimensioni indicate sotto l'inserimento.
  3. Copia il risultato, oppure premi «Formatta» per rileggerlo.

Da sapere

Che cosa viene rimosso

Commenti, a capo, indentazione, gli spazi attorno ai due punti e ai combinatori, e il punto e virgola finale prima di ogni parentesi graffa di chiusura, che lo standard non ha mai richiesto. I selettori conservano lo spazio singolo che separa un discendente dal suo antenato, perché toglierlo cambia ciò che la regola seleziona.

Perché le stringhe non si toccano

Un punto e virgola dentro content: "a;b" e una parentesi graffa dentro un data URI con un SVG in linea sembrano struttura a un'espressione regolare. I minificatori che lavorano per corrispondenza di pattern rompono questi file in silenzio, e il danno salta fuori come un'icona mancante in produzione. Questo legge il foglio di stile carattere per carattere e trasporta intere le stringhe tra virgolette.

Domande frequenti

Il foglio di stile funziona ancora esattamente allo stesso modo?

Sì. Nulla viene rinominato, riordinato o eliminato: se ne vanno solo spazi e commenti, e nessuno dei due incide su come viene applicata una regola.

Di quanto si ridurrà il mio file?

Un foglio di stile scritto a mano perde di solito dal venti al trenta per cento. Dopo la compressione gzip la differenza è molto minore, perché la compressione si occupa già degli spazi ripetuti.

Il mio codice viene inviato a un server?

No. L'intero processo gira nella pagina, e questo conta per i fogli di stile non ancora pubblici.

Posso poi rileggerlo?

Premi «Formatta» e il foglio di stile viene disposto con una dichiarazione per riga. I commenti originali sono spariti, ma le regole ci sono tutte.

Strumenti correlati