Que se passe-t-il si je combine tout le CSS du site complet en un seul fichier. serait-il mis en cache par le navigateur ou être rechargé chaque fois qu'une nouvelle page est ouverte. le fichier css unique contient des valeurs différentes pour différentes pages. dois-je diviser le CSS pour différentes pages ou le conserver dans un seul fichier?Combinaison de plusieurs pages CSS dans un seul fichier
D'une manière générale, la combinaison de votre CSS dans un seul fichier est une bonne pratique pour les serveurs de production. Le fichier unique réduit le nombre de requêtes http requises et, dans les deux cas (fichiers simples ou multiples), la mise en cache sera utilisée.
Le bénéfice de moins de requêtes http est plus important pour les nouveaux visiteurs.
De même, vous réduisez le nombre de demandes requises sur les pages suivantes car le fichier aura été mis en cache. (Pensez à pré-charger le css si les portions inutilisées sur la page actuelle vous semblent inutiles)
La plupart des navigateurs sensés mettront en cache les fichiers CSS, donc les compacter en un seul fichier peut aider un peu quand il s'agit demander des heures. Cependant, la maintenabilité est également un problème - si vous avez des difficultés à maintenir le code CSS quand tout est dans un seul fichier, vous pouvez toujours vouloir coller avec des fichiers séparés. En fin de compte, c'est à vous de décider.
Ou - utilisez un mécanisme qui les fusionne. :) –
Il est bon d'avoir un fichier. S'il vous plaît voir pour la taille du fichier aussi qui pourrait affecter le temps de chargement de la page. Tous les navigateurs capturent les fichiers css. La prochaine fois, il n'en chargera pas un nouveau.
Veuillez utiliser le yahoo info pour cela.
Combiner les fichiers CSS en un vous donnera de meilleures performances. Vous pouvez comparer cela dans FireBug (https://addons.mozilla.org/en-US/firefox/addon/1843) dans FireFox.
Si vous utilisez asp.net un coup d'oeil à la ScriptReferenceProfiler, il montre la liste des ressources téléchargées, celles-ci peuvent être combinés pour améliorer les performances: voir le blog: http://blogs.msdn.com/mikeormond/archive/2008/06/26/asp-net-ajax-scriptreferenceprofiler.aspx
Oui les fichiers sont probablement mieux de combinés, mais ne sera mis en cache que si les en-têtes corrects sont définis. Je suggère de télécharger YSlow (ou Page Speed) qui est un plugin pour firebug qui analyse votre page et montre comment il est lent et donne des conseils sur la façon de l'améliorer.
http://developer.yahoo.com/yslow/
Regardez aussi les outils de Minification comme css ceux de la boîte à outils de YUI pour compresser le code CSS, ainsi que la combinaison des fichiers.
La mise en cache ne se produira pas nécessairement. Cela dépend de la cachabilité si la mise en cache a réellement lieu. – Gumbo
@Gumbo, comme je suis sûr que vous le savez, cela dépend d'un certain nombre de facteurs, y compris les en-têtes envoyés par le serveur (par exemple la date d'expiration) et les paramètres sur la machine client. –