2011-12-16 5 views
-2

Premières choses d'abord, oui je sais que le rendu de la même couleur, ma question est une question simple sur la vitesse.CSS: Lequel est le plus rapide pour le navigateur? couleur: #fff; ou couleur: #ffffff;

Ceci est juste un sujet d'intérêt concernant l'optimisation des vitesses de chargement des pages, mais laquelle des options dans le titre rendra plus vite (même si c'est la plus petite différence)? Mon processus de pensée est qu'avec la version abrégée (#fff) le navigateur sera chargé de supposer que le reste de l'hex-dec est fff. D'un autre côté, la version longue peut prendre plus ou moins de temps en raison des caractères explicites supplémentaires.

Je pensais que quelqu'un pourrait être en mesure de faire la lumière sur le sujet.

+0

Je ne vois rien sur le web avec ceci comme référence. Vous pourriez probablement en utiliser un assez facilement en utilisant jsfiddle.net ou juste une page HTML statique. – hafichuk

+5

Je dirais qu'il y a des choses plus importantes à optimiser que cela. Aussi la réponse peut probablement dépendre de l'implémentation du navigateur. – rds

+0

Je pense que la différence serait si minuscule qu'elle n'aurait pas beaucoup d'effet, la seule note que je peux faire est que si vous utilisiez le nom complet et que la couleur de votre fichier css serait en théorie plus grande, cela prendrait plus de temps charge. –

Répondre

5

#fff est moins de caractères, ce qui est généralement mieux. La latence réseau et la bande passante sont plus importantes que le temps de traitement dans la plupart des cas. Pour cette raison, la plupart des compresseurs CSS optimisent intelligemment la version #fff. Le réseau compte plus que la vitesse d'analyse dans ce cas.

Si vous êtes préoccupé par le temps d'analyse, je doute que la différence entre les deux déclarations compte même 0,005% du temps total d'analyse. Il y a beaucoup plus de goulots d'étranglement qui éclipsent toute différence de vitesse par rapport aux déclarations de couleurs d'analyse.

4

Cela dépend de l'implémentation. Un navigateur peut prendre 100 fois plus de temps pour la version longue, et un autre navigateur serait l'inverse. Ecrivez votre code pour qu'il soit lisible, ce qui signifie que vous pourrez facilement le modifier à l'avenir. Si vous voulez rapide CSS envisager d'utiliser yui-compressor.

Questions connexes