Elaborazione locale

STRUMENTI PER SVILUPPATORI

Minificare CSS

Porta il foglio di stile alla dimensione minima togliendo tutto ciò che al browser non serve per interpretarlo.

Usa lo strumento

CODE EDITOR

CSS Minifier

Local processing · professional engine · your code is never sent

CSS · ready to process
CSSinput.css
0 linesCSS
CSSminified.cssPreview
0 linesRead onlyCSS

Perché il CSS blocca il rendering

A differenza di uno script differito, il foglio di stile blocca la prima pittura: il browser non mostra nulla finché non ce l'ha. Per questo il suo peso conta più di quanto suggerisca la dimensione su disco, ed è dove minificare rende più che su JavaScript.

Cosa viene rimosso

Commenti, spazi fra selettori e dichiarazioni, ritorni a capo e il punto e virgola finale di ogni blocco. Nomi di classe e valori restano identici: nessuna rinomina e nessuna riscrittura di proprietà.

Il risparmio maggiore non sta qui

Conviene dirlo chiaramente: in un foglio di stile reale, a pesare di più sono di solito le regole che nessuno usa più. Minificare comprime anche il CSS morto. Se vuoi un miglioramento serio, prima elimina ciò che non si applica e poi minifica il resto.

DOMANDE FREQUENTI

Il mio foglio di stile viene caricato su un server?

No. Viene elaborato nel tuo browser, quindi puoi minificare CSS di un progetto privato senza che lasci la tua macchina.

Cambia l'aspetto della pagina?

No. Viene tolto solo ciò che il browser ignora interpretando il CSS.

Si può tornare indietro?

Puoi reindentarlo con il formattatore, ma i commenti non si recuperano.

Rimuove le regole inutilizzate?

No. Servirebbe analizzare l'HTML che consuma il foglio, ed è un altro strumento.