J'ai un fichier style.css et presque tous les composants du site Web utilisent les règles de ce fichier, mais pas toujours par exemple j'ai un modèle principal puis une section où les pages demandées sont affichées et bien sûr, les pages demandées ont parfois des parties qui sont uniques (pas dans d'autres pages) et utilisent des règles de style.css .
Ma question est que deviennent les règles CSS qui ne sont pas utilisées par la page actuelle?
Supposons qu'il y ait une page de connexion et dans la page de connexion il y a un bouton spécial appelé button_xyz (n'existe que dans la page de connexion). La règle css pour ce bouton se trouve dans style.css - Qu'arrive-t-il à cette règle lorsqu'une page, qui ne nécessite pas cette règle, est en cours d'utilisation?
Utilise-t-il de la mémoire supplémentaire?
Le navigateur optimise-t-il cela pour vous?
3 Réponses :
Les règles CSS inutilisées utilisent probablement un peu de mémoire supplémentaire, mais pas à une échelle qui compte même pour les appareils les plus faibles. Un peu plus de temps sera également consacré à l'analyse du CSS, mais pas à un niveau que vous pourriez même mesurer.
La principale préoccupation concernant les règles CSS inutilisées est que la bande passante est gaspillée, mais si vous n'en avez que quelques-unes qui seraient inutilisées sur chaque page, je dirais qu'il est préférable de s'en tenir à mettre tous les styles dans un seul fichier et de s'assurer mis en cache par le navigateur.
À moins que votre CSS ne soit considérablement inefficace, la bande passante ne devrait pas être un problème, en supposant que les fichiers gzips de votre serveur les envoient à vos visiteurs. La bande passante utilisée n'est vraiment rien du tout de nos jours. Cela ne fera pas beaucoup de différence, mais vous pourriez également être intéressé par la réduction de votre CSS, ainsi que de HTML et JavaScript pendant que vous y êtes.
les règles css inutilisées seront un fardeau pour votre utilisateur qui accède à votre site Web. parce que la première fois que l'utilisateur accède à votre site Web, il téléchargera tous vos css et javascript après cela dans votre navigateur Web. s'il y a beaucoup de CSS inutilisés, la taille deviendra grande
Css correspond à vos règles basées sur des expressions régulières. Vous avez une base de données dans votre navigateur pour la correspondance exacte, où une sorte de table de hachage fonctionne pour faire correspondre exactement le nom A au nom B et comme CSS prend en charge les expressions régulières, il peut également rechercher avec une boucle while si une expression régulière est fournie. Pour ApplyToAll aka * {c'est aussi une sorte d'optimisation similaire à la table de hachage qui applique une règle à tout sur le site. Donc, dans le cas où vous n'avez pas d'expressions régulières et que vous n'en avez pas, car dans la feuille de style, elles sont complexes à écrire, votre site ne ralentira pas.