Etwas gehobenere Kost für den Frontend-Entwickler von heute hat Juriy Zaytsev (kangax) veröffentlicht: Perfection kills » Profiling CSS for fun and profit. Optimization notes.. Er hat sich angeschaut, wie sich verschiedene CSS-Selektoren aber auch CSS-Eigenschaften, insbesondere aus CSS3, auf die Performance auswirken.
Mitnehmen kann man, dass der *
-Selektor vermieden werden sollte, ein input[type="…"]
performanter als ein [type="…"]
ist und das insbesondere border-radius
, transform: rotate()
und box-shadow
stark auf die Performance-Bremse drücken können:
Insbesondere sollte man auch darauf achten, nicht (mehr) benötigte Selektoren aus dem Stylesheet zu schmeißen.