ForHosting KIT · Données et fichiers

Minifier du CSS

La minification CSS retire d’une feuille de style tout ce qu’une machine ignore — espaces, indentation, commentaires, sauts de ligne — sans toucher à une seule règle. Le rendu de votre site reste identique ; seul le fichier maigrit, ce qui accélère son téléchargement par le navigateur de chaque visiteur.

● StableGratuit · dans votre navigateur

Lancer gratuitement Voir l’API

Utilisez-le depuis WebAPIE-mailApp bientôtTelegram bientôt

Ce que la minification retire, et ce qu’elle préserve

La minification supprime tout ce qui n’a d’utilité que pour l’œil humain : espaces d’indentation, tabulations, sauts de ligne et commentaires. Les sélecteurs, les propriétés et leurs valeurs, eux, restent rigoureusement identiques, dans le même ordre. Le résultat est une feuille de style sur une ou deux lignes, illisible pour vous mais parfaitement comprise par le navigateur. Aucune règle n’est modifiée, aucune couleur ni aucune marge ne change : votre site s’affiche exactement comme avant.

Pourquoi un CSS allégé accélère l’affichage

Chaque personne qui visite votre site télécharge la feuille de style avant de voir la page correctement mise en forme. Plus ce fichier est lourd, plus cette attente s’allonge, surtout sur un mobile en 4G capricieuse ou une connexion lente. En retirant le superflu, la minification réduit le nombre d’octets transférés et raccourcit ce délai. Sur un gros fichier ou un site très fréquenté, l’économie se répète à chaque visite et finit par compter.

Gratuit en local, automatisable si besoin

La minification s’exécute ici même, dans votre navigateur : votre code ne part sur aucun serveur et l’usage manuel reste gratuit, sans limite de nombre. Pour intégrer l’étape à une chaîne de publication ou à un outil interne, la même opération est accessible par un appel programmable à $0.002 la requête, en dollars US. Vous choisissez le canal : la page pour un besoin ponctuel, l’appel automatisé pour un déploiement récurrent.

Cas d’usage

Alléger le thème d’un site vitrine

Studio Lumen SAS minifie la feuille de style d’un site vitrine avant sa mise en ligne, pour que la première page s’affiche plus vite chez les visiteurs venus du mobile.

Préparer une mise en production

Julien Lefèvre passe son CSS à la minification comme dernière étape avant de publier, sans installer d’outil ni configurer d’environnement sur son poste.

Réduire le poids des styles d’un e-mail

Élodie Garnier compacte les styles intégrés d’une newsletter avant l’envoi, là où chaque kilo-octet superflu ralentit l’affichage dans la boîte de réception.

Questions fréquentes

La minification peut-elle casser mon CSS ?

Non. Elle ne touche qu’aux espaces, aux sauts de ligne et aux commentaires ; les règles, les sélecteurs et les valeurs restent intacts. Votre page s’affiche à l’identique après l’opération.

Les commentaires sont-ils conservés ?

Non, ils sont retirés, car ils ne servent qu’à la lecture du code. Gardez une copie non minifiée de travail si vous tenez à conserver vos annotations.

Mon code est-il envoyé sur un serveur ?

Non. La minification se fait dans votre navigateur ; votre feuille de style ne quitte pas la page. Rien n’est transmis ni conservé de notre côté.

Est-ce payant ?

Non dans le navigateur : l’usage manuel est gratuit et sans limite. Seul l’appel programmable, pour automatiser la minification, est facturé $0.002 la requête, en dollars US.

Quelle taille de fichier puis-je traiter ?

Jusqu’à 25 Mo par fichier, ce qui couvre très largement une feuille de style, même volumineuse.

Puis-je servir le fichier minifié en production ?

Oui, c’est son usage même : servez la version minifiée à vos visiteurs et gardez la version lisible pour vos modifications.

Pour les développeurs — accès API

Tout sur cette page est disponible par programmation. Cette section s'adresse aux équipes qui veulent l'intégrer à leurs systèmes ; les autres peuvent simplement utiliser l'outil ci-dessus.

Endpoint

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

Authentification par jeton Bearer : un seul POST met la tâche en file d’attente, et le résultat vous parvient par webhook ou lien signé.

Appeler depuis votre stack

curl -X POST https://api.kit.forhosting.com/data/css-minify \
  -H "Authorization: Bearer $KIT_KEY" \
  -H "Content-Type: application/json" \
  -d &#39;{"input":"…"}'

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({
    "input": "…"
  })
});
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[&#39;KIT_KEY']}"},
    json={
    "input": "…"
},
)
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" => &#39;{"input":"…"}',
  ],
]));
$task = json_decode($res, true);

body := bytes.NewBufferString(`{"input":"…"}`)
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)

Exemple de requête

{
  "input": "…"
}

Exemple de réponse

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

L’API est asynchrone : chaque appel renvoie un task_id immédiatement, puis vous interrogez l’état à raison d’une requête par seconde.

Tarifs

par requête$0.002

Le prix est publié, sans tokens ni crédits. Une tâche qui échoue n’est pas facturée.

Limites

max_mb 25

Erreurs

HTTP	Code	Signification
`401`	`unauthorized`	Clé API absente ou invalide : vérifiez l’en-tête Authorization.
`402`	`insufficient_balance`	Solde insuffisant : rechargez votre compte pour lancer cette tâche.
`404`	`unknown_type`	Type de tâche inconnu : vérifiez le champ type de votre requête.
`429`	`rate_limited`	Trop de requêtes : ralentissez la cadence, puis réessayez.

Consulter la documentation complète du KIT →

Lancer gratuitement