Optimiser le chargement de son site Internet en compressant son css

Quand vous naviguez sur un site Internet, le temps de chargement d’une page influence votre comportement.
Lorsque le site web est rapide, vous restez navigué dessus sans problème. Mais si il devient trop lent, vous êtes tenté de quitter la page.
Donc, compresser le css ( Cascading Style Sheets – feuilles de style en cascade ) de son site Internet est un premier pas important pour diminuer le temps de chargement de son site web.

compresser le css de son site internet

Le principe est de nettoyer et optimiser votre css, afin qu’il soit moins lourd et plus efficace.
Il existe plusieurs outils similaires pour compresser et optimiser son css (pour ma part, j’utilise cssclean).

Voici donc une sélection de 5 outils pour compresser vos fichiers css :

CSS Compressor :

Il vous montre comment est compressé le css, ce qui est plutôt intéressant quand on cherche à comprendre.
Pour les manipulations, il suffit de copier-coller votre code css, de choisir le type de compression (légère, moyenne, haute, lisible…).

optimiser le chargement de son site internet

CSS Drive :

Un des outils les plus intéressants avec beaucoup d’options. Copier-coller votre code css et cliquez sur le bouton « compress-it ! ».
Certaines infos seront disponible comme la taille du fichier initiale et la taille du css compressé.

compresser son code css

Minify CSS :

Lui aussi affiche la liste des modifications effectuées. Là encore il suffit de rentrer votre code css et de récupérer le code compressé.
Son interface utilisateur est moins intuitive et il est disponible en français.

optimiser le chargement de son site internet

Clean CSS :

Disponible aussi en français, il propose également les options que Minify CSS à quelques détails près.

compresser son code css

CSS Optimizer :

Il est certainement le plus simple à utiliser.
Vous n’avez pas d’options à cocher et vous disposez d’une interface clair.

rendre son site internet plus rapide

Compresser votre css peut vous faire réduire la taille de votre fichier de 25 %, de plus ceci est simple et rapide à faire. Cela permet à votre site Internet de gagner en vitesse. Cependant, faites une copie de votre fichier css original (non compressé), car modifier du code compressé est assez compliqué vu que le code n’est pas très lisible.

Voilà en ce qui concerne la compression du code css, mais sachez qu’il existe aussi des outils pour compresser du code html et javascript.

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

X