Laquelle de ces règles CSS rend plus rapide?

Question

Je me demande que l'on sur les règles CSS ci-dessous rend plus rapide:

#avriable_info table td {width: 250px; font-size: 13px;} 

ou

#avriable_info table td { 
    width: 250px; 
    font-size: 13px; 
} 

Answer 1

Aucun des deux ne sera "plus rapide" à rendre que l'autre car la plupart des parseurs normaliseront un fichier avant l'analyse. par exemple. Se débarrasser des espaces blancs et de nouvelles lignes et autres. Maintenant, si vous avez un énorme fichier qui n'est pas gzippé à travers le fil, le premier téléchargera plus rapidement au client que le second qui permettra au navigateur de commencer à le rendre avant le plus grand, plus lent.

Answer 2

La différence est deux sauts de ligne. Cette différence est éliminée par l'analyse du fichier et est imperceptible par rapport à l'analyse de la CSS.

Answer 3

Aucun des deux ne fera de différence notable. Un couple de nouvelles lignes dans votre CSS est de ne faire que quelques différences d'instructions CPU pour le rendu. Peut-être que si vous aviez un million de lignes de CSS, vous pourriez remarquer une différence d'une milliseconde, mais si vous optimisez autant (surtout sur une page Web!) Vous avez des problèmes beaucoup plus graves à vous inquiéter (et ils ne sont pas code lié! ;-)).