BP_024_fr.md

Écrire des sélecteurs CSS efficaces

Identifiants

GreenIT	V2	V3	V4
13	27	24

Catégories

Cycle de vie	Tiers	Responsable
3. Réalisation (fabrication / développement)	Réseau	Architecte Logiciel/Développeur

Indications

Degré de priorité	Mise en oeuvre	Impact écologique
3	3	2

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'attribut	0