[Résolu] Plusieurs petits CSS ou un seul gros ?

Bonjour

Je travaille sur un site de 500 pages. Je ne sais pas comment gérer le ou les fichiers CSS.


Solution 1 : je fais un seul fichier CSS contenant les éléments de toutes les pages du site.
Il y aura moins de requêtes serveur. Le fichier CSS sera gros mais il sera chargé et mis en cache une bonne fois pour toutes. L'inconvénient est que le fichier sera vraiment très lourd et que l'internaute chargera des éléments de mise en page portant sur des pages qu'il n'ira pas forcément voir.

Solution 2 : je fais plusieurs gros fichiers CSS pour mon site.
Mon site présente 5 grandes familles de produits. Je peux envisager de faire 5 fichiers CSS même s'ils partageront beaucoup d'éléments communs.

Solution 3 : je charge plusieurs fichiers CSS par page.
Chaque page chargerait un gros fichier CSS contenant tous les éléments communs entre toutes les pages du site et un petit fichier CSS contenant les particularités propres à ladite page. Le problème est que ça fait plus de requêtes serveur.


Merci beaucoup !

Qu'est-ce qu tu appelles gros? Combien de ko? Combien fait le fichier avec la compression gzip activée?

Bonjour,

Par "gros", j'entends 120 ko le fichier qui contiendrait tout.

Hello.

Comme toujours, la réponse est : ça dépend.

Cet article (en anglais) sur le nombre de CSS par page résume assez bien la chose.

Ok merci pour vos réponses !