CSS Minify / Formateur en ligne gratuit

Input data
bfotool loadding
Output data
bfotool loadding

 

Outil de réduction CSS

Minifying CSS prend le code CSS embelli et bien formé que vous avez écrit et supprime l'espacement, l'indentation, les nouvelles lignes et les commentaires. Ces éléments ne sont pas nécessaires pour que CSS soit utilisé avec succès. Cela rend également le CSS plus difficile à lire.

La « meilleure pratique » de nombreux développeurs est de maintenir une version « embellie » et, lors du déploiement de leur projet, les styles seront exécutés via un programme de minification. Ils combineront également leurs nombreux fichiers de style en un seul fichier.

 

Pourquoi utiliser CSS Minifier ?

Le but de la minifcation est d'augmenter la vitesse d'un site Web. La minimisation peut rendre un script jusqu'à 20 % plus petit, ce qui accélère le temps de téléchargement. Certains développeurs l'utiliseront également pour « obscurcir » leur code. Cela rend difficile la lecture du code, ce qui rend plus difficile la rétro-ingénierie ou la copie.

 

Exemple CSS Minify

Avant:

.headbg{
    margin:0 8px 
}
a:link,a:focus{
    color:#00c 
}
a:active{
    color:red 
}

Après:

.headbg{margin:0 8px }a:link,a:focus{color:#00c }a:active{color:red }