Discussion :

[Sylvain245]

Bonjour,

J'ai presque terminer la phase d'implantation des .css sur mon site web.
Il reste l'adaptation au différent navigateur.

Cela dit je me demandais comment vous nettoyer vos .css ?

C'est a dire, sur 10 page .php par exemple, vous avez 3 .css

Donc, prenons 'a.css'

Comment savoir si 'p.center' est présent dans une des 10 page.php utilisant 'a.css' ?

Existe-t-il des moyens automatique ?

Sinon, va falloir je fasse un bout de code pour faire le nettoyage, car chercher chaque balise dans chaque page... ca va être un peu long

Merci

[boboss123]

salut,

Je ne connais pas de méthode faisant ça automatiquement : mais est-ce réellement nécessaire ? Pourquoi ne pas faire un seul et unique .css (ce n'est pas la taille de tes fichiers .css qui va faire chuter la bande passante de ton serveur) ?

Si tu cherches à optimiser encore plus, tu verras qu'il y a certains paramètres css qui sont écrasés par d'autres (et donc non pris en compte)

[Sylvain245]

Allo,

Pour répondre à la question, je trouves un peu difficile de faire 1 .css pour un site qui a peut-être 50 page.php donc l'allure est parfois semblable, d'autre fois totalement différente (a part le menu navigation, etc. ), avec les 'hacks' pour les différentes version de IE, etc.

Si je joins tout mes .css j'arrive a pas loin de 80k.
En gros, j'ai :
style.css pour ce qui est général (navigation, logo, login, etc.)
formulaire.css pour les formulaires
rubriqueA.css, rubriqueB.css.... pour les différente section du site (faq, forum, soutien techique, affichage de donnée (tableau), etc.

Même si tu as un seul .css, si tu a 30 page.php, pour ton 'p.blabla' faudra tu cherche dans tes 30 pages.php s'il y a bien un '<p class='blabla'>'

J'ai vu un truc qui se nomme Clean Css, sur un site web, mais souvent ce genre de 'nettoyage' automatique change l'apparence des pages, et suis pas sur que font-weigth:bold; et font-weight:700; (c'est l'équivalent) soit tout les 2 pris en considération par tout les navigateurs plus ou moins récents...
Après un test avec Clean Css, un fichier de 16k passe au 13k (c'est un exemple). Mais bon tant qu'a nettoyer et optimiser un site pour le référencement, si on peut sauver 3k

Je vais voir si je peux me faire un petit script qui me dit les balise non utilisé dans mes .php... ca ne devrait pas être trop compliqué a faire.

[Hayaxx]

Je pense qu'il est plus efficace de n'utiliser qu'un css, avec des parties bien distinctes bien sûr. Même si il est gros.

De toutes façons, une fois téléchargé, il reste en cache, donc plus de problèmes ! Et puis une petite compression là-dessus et la taille du fichier peut réduire de 50%

[boboss123]

oui en général, les serveur compressent automatiquement en GZIP les fichiers statiques.
De plus pour les petites configuration, l'ouverture de plusieurs connexion TCP en même temps est consommateur de ressources

[franculo_caoulene]

Salut,

oui en général, les serveur compressent automatiquement en GZIP les fichiers statiques.
De plus pour les petites configuration, l'ouverture de plusieurs connexion TCP en même temps est consommateur de ressources

Oui, bon, son site ce n'est pas Google non plus! Il ne faut pas chercher à optimiser là où il n'y en a pas besoin. D'autant que ça peut favoriser la maintenance du site.

Sinon, concernant directement la question, je n'ai pas bien compris. Si c'est ce que je pense, c'est plutôt quelque chose à faire en amont et non en aval. Avec un script serveur inclus, par exemple, qui retourne les fichiers CSS à intégrer selon certaines conditions. On pourra même les fusionner pour n'en faire qu'un seul, mais bon ce n'est pas nécessaire.

Je ne connais pas non plus de méthode toute faite en aval, désolé.

[Sylvain245]

Bonjour,

La question de base, était concernant le nettoyage des .css, et cela a dériver sur le débats concernant un seul ou plusieurs .css.

Bref, je demandais s'il existait un outil permettant de détecter et d'enlever les balise .css (par exemple p #blablabla) qui n'était plus utiliser dans les pages d'un site, sans recherche dans chaque page la présence de <p id='blablabla'>.

Merci

[franculo_caoulene]

Je ne connais qu'un moyen mais c'est page par page : Dust-Me Selectors (et encore je sais juste qu'il existe).
Le faire sur tout un site dynamique, serait autre chose.

[Sylvain245]

Bonjour,

Merci pour cette information. Comme j'utilise Firefox pour développer principalement, les plugins et truc du genre j'aime bien.

Cependant après un essais, je doit dire que ce n'est pas très utile, mit a part peut-être pour des site statiques (ca existe encore ca ? .

En gros, cela vous dit quelles balises .css est utilisées ou non selon l'affichage de la page.

Si par exemple vous avez un message d'erreur qui s'affiche sur la page login.php lors d'une erreur de connexion, la balise d'erreur indiquera qu'elle est utiliser, sinon non.

J'utilise Notepad++ assez fréquemment, et l'on peut faire une recherche sur plusieurs fichier à la fois, donc probablement la solution sera de chercher la balise sur tout ces pages via ce moyen, si elle n'est dans le code de aucune, alors elle sera inutilisé. Restera alors a répéter cette opération pour chaque balise.