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.
