CSS Performance

Question

est-il une différence de performance entre:

p { 
    margin:0px; 
    padding:0px; 
} 

et en omettant le point-virgule final:

p { 
    margin:0px; 
    padding:0px 
} 

Merci à l'avance!

Answer 1

Non, le navigateur ne se soucie pas du point virgule, même dans IE6. L'analyseur le vérifie en tant que délimiteur. Si quoi que ce soit, puisque le navigateur effectue essentiellement une tokenisation pas beaucoup plus complexe que .split(';'), le second peut être plus rapide d'une manière probablement non mesurable simplement en raison de l'absence d'un jeton nul supplémentaire. Mais ... la différence serait infinitésimale, et vous n'avez pas besoin de vous inquiéter à ce sujet de toute façon.

Answer 2

Je doute fortement. Mais, bien sûr, personne n'a jamais mesuré une telle chose indépendamment!

Answer 3

Non, ";" est seperator. Je pense que nous ne pouvons pas parler de performance en CSS.

Answer 4

Je pense que la différence principale sera dans l'augmentation de la taille du fichier css. mais même si votre fichier css était trop gros, il augmentera de quelques octets. Donc, en bref, je pense que c'est correct de ne pas s'en soucier.

Answer 5

Vous êtes en fait mieux d'utiliser un CSS minifier. En bref, il supprimera tous les espaces et ballonnements inutiles (par exemple, en changeant #ffffff en #fff le cas échéant, en supprimant les commentaires, etc.). Certains d'entre eux supprimeront automatiquement le dernier point-virgule dans chaque bloc. Soyez conscient que cela peut causer des problèmes, comme @ t-j-crowder mentionné, si vous ajoutez plus tard des lignes à la fin du bloc et oubliez de rajouter le point-virgule!

De même, assurez-vous que vous utilisez des fichiers CSS externes si possible et stockez-les sur le même serveur/FQDN. Si vous le pouvez, combinez vos fichiers CSS externes en un seul afin de minimiser le nombre de requêtes que le navigateur doit effectuer.

Cela accélèrera le temps de téléchargement et vous donnera le meilleur rendement pour votre optimisation. Si le navigateur met en cache les fichiers, les visites ultérieures sur la même page (ou sur des pages différentes utilisant les mêmes feuilles de style) seront plus rapides.