Einige Tips für performante CSS Selektoren, auch wenn der Unterschied kaum wahrnehmbar ist, schadet es ja nicht darauf zu achten wenn es nicht weh tut Image may be NSFW.
Clik here to view.
- Avoid Universal Rules
- Don’t qualify ID Rules with tag names or classes
- Don’t qualify Class Rules with tag names
- Use the most specific category possible
- Avoid the descendant selector
- Tag Category rules should never contain a child selector
- Question all usages of the child selector
- Rely on inheritance
- Use scoped stylesheets
Ist wie gesagt eher für neue Webseiten, da kann man das ja auch gleich “richtig” machen, denn:
Selector efficiency and inefficiency probably isn’t going to impact most sites all that much.
We’re not talking a difference of several seconds from most to least efficient. We’re talking about milliseconds in the worst case. For the majority of sites you aren’t going to notice a difference and the effort likely outweighs the savings.
