Optimisation d'un fichier css

Bonjour,

Est-il vrai que lorsque que l'on supprime tous les espaces d'un fichiers CSS, on accélère l'affichage d'une page ?

Salut nickleus,

Oui. Cela réduit la taille de ton fichier CSS et donc il est téléchargé plus vite.

À noter :
- c'est valable pour tous les fichiers textes que tu mets en ligne (HTML, Javascript, etc.)
- inutile de préciser que certains espace ne doivent pas être supprimés...
- inutile de préciser l'impact sur la maintenance...
Modifié par marcv (10 May 2009 - 18:21)

Merci de ton éclaircissement.

Et c'est vrai que pour la maintenance c'est pas terrible (mais des fois un bon backup ...).

D'ailleurs est ce que c'est pareil pour les fichier de type PHP puisque ce n'est qu'une exécution sur le serveur et non sur la machine du visiteur ?
Modifié par nickleus (10 May 2009 - 18:27)

a écrit :
D'ailleurs est ce que c'est pareil pour les fichier de type PHP puisque ce n'est qu'une exécution sur le serveur et non sur la machine du visiteur ?

Non, puisque ils ne sont pas téléchargés.

Merci bien

Je me coucherais moins ... se soir.

Il ne faut pas supprimer les espaces uniquement pour accélérer le chargement, c'est quasiment inutile sur des codes courts, mais ça rend la maintenance du code difficile...

En théorie, tu pourrais écrire ton CSS sur une seule ligne, sans aucun espace, mais c'est biensur ridicule, et parfaitement ingérable !


Ce n'est pas en bidouillant la feuille css en elle-même (et pas son contenu) que tu améliorera significativement le chargement d'un site lourd (il y a beaucoup plus lourd que le css, images vidéos et scripts en tout genres par exemple^^)

Bonjour,

IE6 a un bug dans le cas suivant:

:first-letter{ color: red; }

donc il est de mise de garder un espace entre le sélecteur et l'accolade, même si au final le cas est rencontré rarement.

Il existe des minifier comme http://www.cleancss.com/?lang=fr qui font ça automatiquement. Pratique si tu as des commentaires dans tes CSS que tu ne veux pas montrer à tes visiteurs et quand ta feuille de style commence à dépasser quelques ko et que ton site est très fréquenté et que ton serveur est bien chargé et que la compression est désactivée.
Si tu as l'habitude d'éditer tes fichiers en ligne c'est par contre pas pratique du tout (et dangereux+risqué) et ça représente une contrainte supplémentaire.

EDIT: pour aller dans le sens d'arthur69, Smush.it (maintenant sur Yslow) est un bien plus grand gain de perf en optimisant les images. Ou OptiPNG sur Windows si tu aimes la ligne de commande comme moi
Modifié par Felipe (10 May 2009 - 22:23)