Animation Demo

Diese Demo soll dir demonstrieren wie oft ein Browser ein Element rendern muss, wenn die Animation nicht optimal gebaut wurde.

Diese Seite ist nicht optimiert - genauso wie die Seite "Schlechte Animationen". Du kannst mit dem Button übliche Testschritte zur Überprüfung der Performance von Animationen einblenden. Alternativ kannst du auch die beiden Seiten aus der Navigationsleiste selber entdecken. Kannst du alle inperformanten Animationen finden? Hast du Ideen, warum die optimierte Seite eine bessere Performance hat?

  1. Öffne diese Seite in Chrome
  2. Öffne die Developer Tools (z.B. mit F12) und lege los.