Discussion :

[soeursourire]

Bonjour,

J'ai installé une extension pour Chrome afin de pouvoir extraire les classes CSS qui ont été chargées mais lorsque je regarde le fichier css résultant, il y a tout de même des classes qui ne se trouvent pas sur la page...
Est-ce que vous avez ce genre de problème?

Peut-être un autre outils à me conseiller pour faire ça?

Merci

[JefReb]

Ben pourquoi cela étonne-t-il?
Des classes ou id peuvent être définies au cas ou, sans que l'on ait besoin de les utiliser.
Il n'y a pas que Google Chrome et sur Firefox il existe aussi un plugin de web developer qui permet de voir les css.
Ou est le problème.?

[soeursourire]

En fait, nous cherchons à réduire la taille des fichiers css utilisés pour pouvoir rendre le site plus rapide. Or sur notre site, il y a un énorme fichier chargé pour toutes les pages du site donc je voudrais voir pour réduire ce fichier de base et rajouter les css utilisés par la page uniquement dans sa page elle-même.

[JefReb]

C'est tout à fait louable.
Le principe de la cascade est justement d'avoir en css externe ce qui est commun à toutes les pages et en css interne ce qui est ponctuel à chaque page.
Faire le ménage est toujours quelque chose "d'épouvantable" et "éprouvant à comprendre" quand le css n'est pas sa propre production.
Et les CMS, comme wordpress ou autre, sont toujours inflationnels et les css sont écrits en prévision des demandes d'affichage des chartes graphiques.
Normal! d'où ... des sélecteurs css inutiles.

Donc ... bon courage. simplify, simplify!

[NoSmoking]

Bonjour,

Or sur notre site, il y a un énorme fichier chargé pour toutes les pages du site donc je voudrais voir pour réduire ce fichier de base et rajouter les ...

une fois chargé ton fichier sera en cache du navigateur, si pas de contre indication, donc au 2^éme appel il n'y aura pas de rechargement.

[David Boring]

Très bonne idée de vouloir mettre en inline, dans le head, le CSS uniquement employé sur la première page.
Par contre, c'est plus facile d'avoir un outil qui fait cela automatiquement, par exemple avec un module PostCSS
https://medium.com/@nocreativity/man...n-6be1ca226c06
https://css-tricks.com/authoring-critical-fold-css/

Par contre, tu ne donnes pas le nom de l'extension que tu emploies, donc c'est plus difficile de tester si cet outil fonctionne ou pas