Je développe actuellement un site Web professionnel et j'ai atteint environ 750 lignes de CSS pendant environ 4 pages, la majeure partie de la page d'accueil. J'ai des accolades bouclées dans des lignes séparées. Je pourrais probablement le réduire un peu en parcourant à nouveau.
Mais je me demandais juste, que considéreriez-vous comme étant trop CSS?
Cordialement,
5 Réponses :
Je pense qu'il n'y a pas de limite du tout. Écrivez simplement le code dont vous avez besoin et lorsque vous avez terminé, essayez de Optimiser .
Je suis d'accord. J'ajouterais simplement qu'il est important de documenter votre travail. Étant donné que votre CSS a beaucoup de contenu, il pourrait être facile de se perdre dans le présent et l'avenir. Heureusement, le lien partagé par @Simone aborde cet aspect.
Quelle est la taille de votre fichier CSS? Bien sûr, vous avez à vous soucier dur le navigateur doit travailler en termes de charge sur l'interprétation du CSS .. est-il efficace, êtes-vous sur ce travail?
Gardez votre taille aussi bas que possible est une donnée, mais il y a assez peu de facteurs à penser. Vous pouvez toujours rapetisser, la compression gzip lorsque votre fait pour gagner du temps. Jetez un oeil à un outil de test http://tools.pingdom.com/
Il y a beaucoup d'articles sur ce donc je ne vais pas dévidant mon opinion personnelle, de vérifier ces out
Le premier lien est plutôt intéressant. Les lignes de code ne comptent donc pas toujours, quel sélecteur que vous utilisez est également important.
Cela dépend de ce que votre site Web est censé faire. S'il s'agit d'un petit blog et que vous avez besoin, dites 3000 lignes de CSS, c'est probablement trop. S'il s'agit d'un magasin en ligne avec plusieurs sections et d'une disposition compliquée, cela pourrait ne pas suffire. Cela dépend de vos besoins.
En supposant que votre page d'accueil n'a pas de dizaines de composants imbriqués qui ont des rôles / aspect différents, vous êtes probablement un peu non intelligent avec votre CSS. Il y a deux choses à craindre ici:
Rendu: Il est possible que votre fichier CSS soit suffisamment complexe pour forcer le client Modèle de mise en page / rendu pour faire un effort supplémentaire tout en
Rendu.
Les deux problèmes réduiraient votre efficacité de votre site Web. Que faire?
L'exemple le plus simple sur la manière d'optimiser votre fichier CSS est de collecter des règles que vous utilisez pour de nombreux éléments d'une classe. Il existe de nombreux astuces d'autres conseils pour aider à réduire la taille de votre fichier CSS; Les autres réponses vous relient déjà à certains articles avec des conseils utiles, mais si vous souhaitez donner des programmes qui automatisent le processus, jetez un coup d'œil à CSS Tidy (et Un outil en ligne basé sur CSS Tidy ).
J'espère que cela a aidé!
Un gotcha sur ceci (pas directement lié à l'OP, mais pour d'autres personnes qui pourraient venir ici) ...
IE9 et ci-dessous reconnaît uniquement les premiers sélecteurs 4096 dans un fichier CSS. Tout après cela est simplement ignoré silencieusement.