This page has been robot translated, sorry for typos if any. Original content here.

Services en ligne pour compresser et optimiser le code CSS [UPDATE]

Онлайн-сервисы для сжатия и оптимизации CSS кода
w3.org

  • Extension .css
  • Type de texte MIME / css
  • Développeur du Consortium World Wide Web
  • Publié le 17 décembre 1996
  • Styles de type de format
  • Site Web w3.org/Style/CSS

CSS (English Cascading Style Sheets) est un langage formel pour décrire l'apparence d'un document écrit en utilisant un langage de balisage. Il est principalement utilisé comme un moyen de décrire, de visualiser l'apparence des pages web écrites en utilisant les langages de balisage HTML et XHTML, mais peut aussi être appliqué à tout document XML, par exemple, à SVG ou XUL.

L'un des facteurs les plus importants dans le développement d'un site Web est le test de vitesse du site. Téléchargez la page le plus rapidement possible, en particulier dans le cas de grands sites avec beaucoup de code CSS, dans lequel des téléchargements plus rapides signifient une meilleure convivialité et la satisfaction des utilisateurs.

Les outils de compression CSS améliorent le temps de téléchargement en supprimant les commentaires du code qui incluent chaque commande sur une ligne, supprimant ainsi les «espaces blancs» (espaces et sauts de ligne).

Gardez à l'esprit, si vous voulez vraiment augmenter les performances de votre site Web, après la phase de développement, vous devez aller encore plus loin et utiliser la compression GZIP et la mise en cache de vos fichiers. Mais nous en parlerons dans le prochain article!

Essayez d'utiliser l'un de ces services en ligne pour optimiser les fichiers CSS (certains offrent également une compression JavaScript) et voyez comment ils peuvent accélérer le temps de réponse du site Web et économiser de la bande passante.

1. Cssdrive.com

Services en ligne pour compresser et optimiser le code CSS

Cssdrive.com Compresseur CSS - fonctionne en 2 modes: normal et avancé. Vous pouvez sélectionner l'un des trois niveaux de compression. Le mode "Normal" devrait bien fonctionner dans la plupart des cas, créant un équilibre optimal entre eux.

2. Cleancss.com

Services en ligne pour compresser et optimiser le code CSS

Cleancss.com - formatage CSS et optimiseur basé sur csstidy est disponible en anglais, allemand et français.

3. Compresseur CSS

Services en ligne pour compresser et optimiser le code CSS

CSS Compressor - vous pouvez sélectionner 4 niveaux de compression.

4. Optimiseur CSS

Services en ligne pour compresser et optimiser le code CSS

Optimiseur CSS - Optimisation CSS en spécifiant l'URL du fichier CSS en téléchargeant le fichier à partir de l'ordinateur local ou en entrant directement le code CSS dans le formulaire.

5. Codebeautifier.com

Services en ligne pour compresser et optimiser le code CSS

Codebeautifier.com - Compresseur CSS basé sur CSSTidy

6. Askapache.com

Services en ligne pour compresser et optimiser le code CSS

askapache.com - ce service utilise une partie du port JavaScript du compresseur YUI et une partie du validateur CSS W3. Vous pouvez charger un fichier CSS, spécifier l'URL du fichier CSS ou simplement coller le code CSS dans le formulaire.

7. Iceyboard.no-ip.org

Services en ligne pour compresser et optimiser le code CSS

iceyboard.no-ip.org Compresseur CSS - Vous pouvez télécharger un fichier, spécifier l'URL d'un fichier CSS ou insérer un code CSS. Bonnes options de compression.

8. Ebiene.de

Services en ligne pour compresser et optimiser le code CSS

Ebiene.de est un service de compression de fichiers JavaScript et CSS. Vous pouvez choisir entre compression de base et forte.

9. Pagecolumn.com

Services en ligne pour compresser et optimiser le code CSS

Pagecolumn.com - Compression CSS, la possibilité de trouver et supprimer les classes et les ID inutilisés en CSS (facultatif).

10. Pingates.com

Services en ligne pour compresser et optimiser le code CSS

Pingates.com - Vous pouvez spécifier l'URL du fichier CSS ou insérer le code CSS.

11. Lotterypost.com

Services en ligne pour compresser et optimiser le code CSS

Compresseur CSS lotterypost.com - il vous suffit d'insérer le code CSS et cliquez sur le bouton "Compresser".

12. Peterbe.com

Services en ligne pour compresser et optimiser le code CSS

Peterbe.com - Compresseur XHTML, HTML et CSS. Sans aucune option

13. Refresh-sf.com

Services en ligne pour compresser et optimiser le code CSS

Refresh-sf.com - Service de compression JavaScript / CSS. Utilise le compresseur YUI. Collez simplement le code dans la zone de texte ou sélectionnez le fichier à télécharger. Puis sélectionnez le type de compression, JS ou CSS.

14. Sevenforty.com

Services en ligne pour compresser et optimiser le code CSS

Compresseur CSS Sevenforty.com - basé sur Java YUI Compressor. Il suffit de charger le fichier CSS que vous souhaitez réduire et vous obtiendrez un fichier CSS compressé dans l'archive ZIP.

15. Phpinsider.com

Services en ligne pour compresser et optimiser le code CSS

Phpinsider.com - utilise la méthode Monte Ohrt, pas d'options de compression, il suffit d'insérer le code CSS et de prendre le résultat.

16. Devtrench.com

Devtrench.com - Compresseur CSS basé sur CSSTidy

17. Cssportal.com

Cssportal.com - Compresseur CSS basé sur CSSTidy

18. Mabblog.com

Mabblog.com - Spécifiez l'URL du fichier CSS ou insérez le code CSS, il n'y a pas d'options de compression.

19. Creativyst.com

Creativyst.com - Compresseur CSS et JavaScript.

20. Generateit.net

Generateit.net - Compresseur CSS basé sur CSSTidy

21. Arrantius.com

Arrantius.com Compresseur CSS - écrit en JavaScript, il n'y a donc pas de transfert de votre CSS vers un serveur inconnu. Il supprime les commentaires et les espaces dans le fichier CSS, rien de plus.

22. Artiss.fr

Artiss.fr - uniquement le téléchargement de fichiers, la possibilité de supprimer des commentaires ou non.

23. Homepage-Performance.de

Homepage-Performance.de - options: supprimer les espaces, le dernier point-virgule, remplacer les couleurs, etc. Vous pouvez uniquement insérer le code CSS dans le champ de saisie.

24. Isnoop.net

Isnoop.net - options: supprime les espaces, les retraits et une nouvelle ligne avant l'accolade ouvrante.

En conclusion

N'ayez pas peur d'expérimenter avec ces services. La plupart d'entre eux montrent le résultat en pourcentage de compression de l'original et la taille du fichier en sortie.

Si vous connaissez d'autres services d'optimisation CSS en ligne qui ne figurent pas dans cet article, veuillez le signaler dans les commentaires.