ForHosting KIT · Dati e file

Minifica il CSS

Una regola commentata distribuita su cinque righe esce come una sola riga di 24 caratteri. Spariscono spazi, commenti, punti e virgola finali e zeri superflui, mentre l'ordine delle sue regole resta intatto. Gratis nel suo browser.

Gratis
Funziona nel suo browser
Senza registrazione
I suoi dati restano sul dispositivo

Esegui gratis nel browser Vedi l'API

Usalo da WebAPIEmailTelegramApp presto

Esempio risolto

Se inserisce

CSS minimizzato: /* tema */ body { color: red; margin: 0; }

Ottiene

CSS minimizzato: body{color:red;margin:0}

Prende un foglio di stile CSS e rimuove tutto ciò che serve solo a chi lo legge — spazi, a capo, commenti e punti e virgola superflui — senza cambiare di una virgola il risultato a schermo. Il file esce più leggero, così il browser lo scarica e lo applica più in fretta.

Cosa toglie e cosa lascia intatto

La minificazione elimina solo ciò che il browser non legge: spazi, tabulazioni, a capo, commenti e l’ultimo punto e virgola di ogni blocco. Le regole, i selettori e i valori restano identici, quindi il sito si vede esattamente come prima. Non è una riscrittura: è lo stesso CSS senza le pause che servono a te per leggerlo.

Per questo conviene tenere sempre una copia del foglio originale, quella su cui continuerai a lavorare.

Un foglio più leggero, una pagina più veloce

Ogni byte che il browser non deve scaricare è tempo guadagnato, e sul CSS si nota: è tra i primi file che frenano la comparsa della pagina, perché finché non arriva il contenuto resta senza stile. Minificarlo riduce il peso senza toccare nient’altro, e il guadagno conta di più sulle connessioni mobili e sui siti con tanti fogli di stile. È una di quelle ottimizzazioni piccole e sicure che vale la pena fare prima di pubblicare.

Gratis nel browser e nei passaggi automatici

Qui lo strumento gira nel tuo browser: incolli il CSS o carichi il file, il risultato compare subito e niente viene inviato da nessuna parte. È gratis e senza registrazione. Presto arriveranno anche le app per telefono, l’email e Telegram: la stessa funzione da più canali.

Casi d'uso

Il sito di uno studio da mandare online

Lo Studio Web di Verona, prima di pubblicare il sito di un cliente, minifica il CSS del tema: stesso aspetto, qualche kilobyte in meno e una pagina che compare un attimo prima.

Un tema o un template da vendere

Chi distribuisce un template consegna sia il CSS leggibile sia la versione minificata, pronta da mettere in produzione, così chi lo compra non deve pensarci.

Domande frequenti

Il sito si vede uguale dopo la minificazione?

Sì. Vengono tolti solo spazi, a capo e commenti: le regole di stile restano identiche, quindi il risultato a schermo non cambia di una virgola.

Posso ancora modificare un CSS minificato?

In teoria sì, ma è scomodo: su una sola riga si legge male. Conviene tenere il foglio originale per lavorarci e minificare solo la copia che pubblichi.

Quanto pesa in meno un file minificato?

Dipende da quanti spazi e commenti conteneva: più il CSS è formattato e commentato, più si risparmia. Il guadagno c’è sempre, senza alcun rischio per l’aspetto del sito.

Il mio file viene caricato su un server?

No, non con lo strumento nel browser: il CSS resta sul tuo dispositivo e non viene inviato da nessuna parte.

C’è un limite di dimensione?

Nel browser no: conta solo la memoria del tuo dispositivo.

Posso usarlo dal telefono?

Sì: funziona nel browser del telefono, senza installare niente. Incolli il CSS e scarichi il risultato come dal computer.

Strumenti correlati

Per sviluppatori — accesso via API

Tutto quello che vedi in questa pagina è disponibile anche via API. Questa sezione è per i team che vogliono integrarlo nei propri sistemi; chi non ne ha bisogno può semplicemente usare lo strumento qui sopra.

Endpoint

POSThttps://api.kit.forhosting.com/data/css-minify

Autenticazione con Bearer token: un POST mette in coda l'attività e il risultato arriva via webhook o link firmato.

Chiamala dal tuo stack

curl -X POST https://api.kit.forhosting.com/data/css-minify \
  -H "Authorization: Bearer $KIT_KEY" \
  -H "Content-Type: application/json" \
  -d '{"css":"a { color : red ; }"}'

const res = await fetch("https://api.kit.forhosting.com/data/css-minify", {
  method: "POST",
  headers: {
    "Authorization": `Bearer ${process.env.KIT_KEY}`,
    "Content-Type": "application/json"
  },
  body: JSON.stringify({
    "css": "a { color : red ; }"
  })
});
const { task_id } = await res.json();

import os, requests

res = requests.post(
    "https://api.kit.forhosting.com/data/css-minify",
    headers={"Authorization": f"Bearer {os.environ['KIT_KEY']}"},
    json={
    "css": "a { color : red ; }"
},
)
task_id = res.json()["task_id"]

<?php
$res = file_get_contents("https://api.kit.forhosting.com/data/css-minify", false, stream_context_create([
  "http" => [
    "method"  => "POST",
    "header"  => "Authorization: Bearer " . getenv("KIT_KEY") . "\r\nContent-Type: application/json",
    "content" => '{"css":"a { color : red ; }"}',
  ],
]));
$task = json_decode($res, true);

body := bytes.NewBufferString(`{"css":"a { color : red ; }"}`)
req, _ := http.NewRequest("POST", "https://api.kit.forhosting.com/data/css-minify", body)
req.Header.Set("Authorization", "Bearer "+os.Getenv("KIT_KEY"))
req.Header.Set("Content-Type", "application/json")
res, _ := http.DefaultClient.Do(req)

Esempio di richiesta

{
  "css": "a { color : red ; }"
}

Esempio di risposta

{
  "task_id": "tsk_a1b2c3d4e5f6a1b2c3d4e5f6",
  "type": "data.css_minify",
  "status": "queued",
  "_links": {
    "result": "/tasks/tsk_…/result"
  }
}

L'API è asincrona: ricevi subito un task_id e puoi fare polling fino a 1 richiesta al secondo.

Prezzi

per richiesta$0.002

Prezzo pubblicato, senza token né crediti. Se l'attività fallisce, non paghi.

Limiti

max_mb 25

Errori

HTTP	Codice	Significato
`401`	`unauthorized`	Chiave API mancante o non valida: controlla l'header Authorization.
`402`	`insufficient_balance`	Credito esaurito: ricarica per continuare a eseguire attività.
`404`	`unknown_type`	Tipo di attività sconosciuto: controlla il campo type della richiesta.
`429`	`rate_limited`	Troppe richieste in poco tempo: rallenta e riprova tra qualche secondo.

Note tecniche

Gratis nel browser, via API per la tua build

Se invece vuoi minificare a ogni pubblicazione, la stessa funzione è disponibile via API a $0.002 a richiesta, così la inserisci nella pipeline che genera il sito.

Casi di integrazione

Minificare a ogni pubblicazione

Un team che aggiorna spesso il sito richiama lo strumento via API dentro la propria build: a ogni deploy il CSS esce già compatto, senza passaggi manuali.

Domande tecniche

Quanto costa?

Nel browser è gratis e senza limiti. Via API, per automatizzarlo, costa $0.002 a richiesta: paghi solo quello che usi, con PayPal, senza abbonamento.

Leggi la documentazione completa del KIT →

Esegui gratis nel browser