CSS Stress Test
Als erstes deaktiviert man in solchen Situationen wohl das JavaScript doch das ist nicht immer die Lösung.. denn es kann auch einfach nur das CSS sein welches den Browser beim rendern der Seite überfordert.
Doch wie findet man nun raus welcher Teil der Seite oder besser gesagt vom CSS den Browser überfordert? (Mein Blogpost wäre sinnlos wenn ich da jetzt nicht eine Lösung hätte :))
Am einfachsten geht das wenn man die verschiedenen Elemente von der Seite entfernt und schaut ob das ruckeln verschwunden ist oder nicht… ODER man benutzt das supercoole Stress Test Bookmarklet.
Das Stress Test Bookmarklet wird auf der Seite auf der man sich befindet eine CSS Klasse nach der anderen entfernen und das scroll verhalen analysieren und loggen. Ist der Test abgeschlossen wir eine kleine Log-Message mit den “langsamen” CSS Klassen.
So.. und nachdem der Test fertig ist kann man sich ans optimieren machen ;)
Hier gibts das CSS Stress Test Bookmarklet inkl. Erklärung vom Author und einem Beispiel.