Marv
Mitglied
Hallo zusammen,
wie prüfe ich am besten, ob mein CSS performant ist?
Ich möchte die Zeit, die der Browser zum rendern(?) der Styles benötigt messen anhand konkreter Zahlen (Milisekunden).
Es gibt zwar viele Best Practices zu CSS optimierung, manche meinen das Wäre aufgabe der Browser etc. ich würde das aber gerne selber nachmessen können, sonst glaub ich das alles nicht.
Beispiel(Was ist am ende Performanter):
wie prüfe ich am besten, ob mein CSS performant ist?
Ich möchte die Zeit, die der Browser zum rendern(?) der Styles benötigt messen anhand konkreter Zahlen (Milisekunden).
Es gibt zwar viele Best Practices zu CSS optimierung, manche meinen das Wäre aufgabe der Browser etc. ich würde das aber gerne selber nachmessen können, sonst glaub ich das alles nicht.
Beispiel(Was ist am ende Performanter):
HTML:
.navbar { background:gray; }
.navbar > li { display:inline;background:#ffffff; }
<ul class="navbar">
<li>Menu 1</li>
<li>Menu 2</li>
<li>Menu 3</li>
</ul>
vs
.navbar { background:gray; }
.navbar-item { display:inline;background:#ffffff; }
<ul class="navbar">
<li class="navbar-item">Menu 1</li>
<li class="navbar-item">Menu 2</li>
<li class="navbar-item">Menu 3</li>
</ul>