Minifichi il codice CSS e misuri la riduzione

Questo minificatore elimina tale peso di distribuzione mantenendo intatti le stringhe tra virgolette, l’ordine dei selettori, le dichiarazioni e la struttura delle regole. Restituisce il CSS compatto, i conteggi dei byte UTF-8 originali e finali e la percentuale di riduzione. L’operazione è deterministica, non accede alla rete e rifiuta input con parentesi graffe non bilanciate.

Che cosa rimuove il minificatore

Il minificatore si concentra sulla formattazione superflua quando un browser riceve un foglio di stile. Rimuove i commenti a blocchi, compatta le sequenze di spazi e interruzioni di riga, elimina gli spazi attorno alla punteggiatura strutturale e toglie l’ultimo punto e virgola immediatamente prima di una parentesi graffa di chiusura. Non riordina le regole, non unisce i selettori, non rinomina le proprietà personalizzate, non abbrevia i colori e non riscrive i calcoli. Questo limite prudente è importante perché il comportamento del CSS dipende dall’ordine del sorgente, dalla specificità e dal contenuto esatto di alcuni valori. Le stringhe tra virgolette vengono analizzate separatamente, quindi spazi, parentesi graffe, punteggiatura e testo simile a un commento dentro un URL o un contenuto generato restano intatti. Anche le virgolette con escape vengono rispettate. Gli spazi tra token rimangono quando eliminarli potrebbe unire due parole o valori. Lei può usare il risultato come risorsa generata e conservare l’originale leggibile nel controllo di versione.

Come funzionano la convalida e la misurazione

Prima di restituire il risultato, lo scanner registra ogni parentesi graffa di apertura e chiusura che compare fuori dai commenti e dalle stringhe tra virgolette. Una chiusura senza una precedente apertura, oppure un’apertura ancora presente alla fine, produce un errore di input non valido anziché CSS parziale. Questo controllo individua presto i comuni errori di copia e incolla e i fogli troncati. La capacità rifiuta inoltre CSS mancante o vuoto, commenti incompleti e stringhe non chiuse, poiché tali input non possono essere minificati in modo prevedibile. Le dimensioni sono misurate in byte UTF-8 e non come numero di caratteri JavaScript. La differenza conta per nomi di font non ASCII, contenuti generati localizzati o selettori Unicode, nei quali un carattere visibile può occupare più byte durante il trasferimento. La percentuale viene calcolata sui due conteggi e arrotondata a due decimali. Poiché ogni richiesta usa lo stesso scanner deterministico senza rete, casualità, orologio o stato esterno, un input identico restituisce sempre lo stesso CSS e le stesse metriche.

Come usare il risultato nel flusso di distribuzione

Un flusso tipico mantiene il CSS formattato come sorgente modificabile e minifica soltanto la copia destinata a un sito, un pacchetto applicativo, un modello e-mail o un host di risorse statiche. Invii il foglio completo, legga il valore compatto dal campo css e lo scriva nell’artefatto di distribuzione. I campi original_bytes e minified_bytes possono essere registrati nei report di compilazione, mentre reduction_percent offre una misura immediata e leggibile del risparmio. Un processo di integrazione continua può confrontare tali metriche fra le versioni per rilevare crescite accidentali; i budget dimensionali dovrebbero però usare i byte esatti anziché la percentuale arrotondata. Lo scanner è un minificatore, non un compilatore CSS completo: non risolve importazioni, non aggiunge prefissi, non convalida ogni proprietà, non transpila nuova sintassi e non combina file. Esegua prima queste trasformazioni, quindi minifichi l’output CSS finale. Se la convalida delle parentesi fallisce, corregga o rigeneri il sorgente. L’automazione API costa $0.002 per richiesta.