115 Pratiques d'écoconception d'applications à architecture web, et plus...
Source CNUMR [BP_024_fr]GR491 - FRONT-END 9. Implémenter des solutions techniques dont l'impact est le plus faible

Recommandations associées		Mesurer Le nombre de sélecteurs CSS qui n'utilisent ni d'id, ni de class et ni d'attribut

Écrire des sélecteurs CSS efficaces

Identifiants

GreenITV2V3V4
132724

Catégories

Cycle de vieTiersResponsable
3. Réalisation (fabrication / développement)RéseauArchitecte Logiciel/Développeur

Indications

Degré de prioritéMise en oeuvreImpact écologique
332
Ressources Economisées
Processeur

Description

Privilégier les sélecteurs basés sur des ID ou des classes. Ils seront ainsi filtrés plus rapidement, économisant des cycles CPU à la machine interprétant les règles.

Exemple

Ne pas écrire :

treeitem[mailfolder="true"] > treerow > treecell {…}

mais plutôt :

.treecell-mailfolder {…}

Ne pas écrire :

treehead > treerow > treecell {…}

mais plutôt :

.treecell-header {…}

Principe de validation

Le nombre …est inférieur ou égal à
de sélecteurs CSS qui n’utilisent ni d’id, ni de class et ni d’attribut0