Kategorien
Frontend: HTML5, CSS3, jQuery Linktipps

Perfection kills » Profiling CSS for fun and profit. Optimization notes.

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.

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert