CSS-Dateigröße und Anzahl der verursachten HTTP-Anfragen
Ist der kritischste Faktor für die CSS-Leistung
Reflow- und Renderzeit
(Sehr!) Nicht so wichtig
Duplizierung ist schlimmer als veraltete Regeln
Denn wir haben die Werkzeuge, um Letzteres zu bewältigen
Definieren Sie Standardwerte
Wiederholen Sie die Codierung nicht überall
Das Schlechte:
#weatherModule h3{color:red;}
#tabs h3{color:blue;}
empfehlen:
h1, .h1{...}
h2, .h2{...}
h3, .h3{...}
h4, .h4{...}
h5, .h5{...}
h6, .h6{...}
Verwenden Sie separate Klassen, um Strukturen zu definieren
Wiederholen Sie die Codierung nicht überall
Klasse nutzen
anstelle des Elementselektors
Das Schlechte:
div.error{...}
empfehlen:
.error{Der größte Teil des Codes ist hier geschrieben}
div.error{separat definiert}
p.error{separat definiert}
em.error{separat definiert}
Quelle: 99css