Optimize css vs vitesse page Google est déconner avec moi

Question

J'utilise la vitesse de page google et il me répond que mon css est inefficace ...

Des règles très inefficaces (bonnes pour fixer sur une page):

* table.fancy thead td Tag key with 2 descendant selectors and Class overly qualified with tag 
* table.fancy tfoot td Tag key with 2 descendant selectors and Class overly qualified with tag 

les règles CSS sont

table.fancy {border: 1px solid white; padding:5px} 
table.fancy td {background:#656165} 
table.fancy thead td, table.fancy tfoot td {background:#767276} 

Je veux l'en-tête et pied de page dans une couleur d'arrière-plan différent de celui du corps de la table (une table de données)

• Pour quelles raisons cela est inefficace?
• Comment le rendre plus efficace?

Je ne vais pas ajouter une classe à la tête et tfoot pour l'amour de googles.

Answer 1

La vitesse de page de Google indique que la spécification de 2 descendants est inefficace, ce qui peut être vrai, mais je doute que cela fasse une différence sur l'expérience de l'utilisateur final. D'un autre côté, parfois vous devez utiliser cette façon de faire ce que vous voulez. D'autres fois, il s'agit de faciliter la lecture et la maintenance du CSS.

En fin de compte c'est votre CSS, alors faites ce que vous voulez. Je ne pense pas que la micro-optimisation ait de l'importance.

Voir aussi: this question