Browser und Performance · Middle · Frage 31 von 75

Warum sind Animationen mit `transform` für CLS besser als `top` zu animieren?

1top wird in modernen Browsern nicht unterstützt
2Transforms werden immer schneller heruntergeladen
3Sie ändern das Layout überhaupt nicht

Antwort zeigen

Richtige Antwort: Sie ändern das Layout überhaupt nicht

Erklärung

top, margin oder height zu animieren verschiebt Layout-Boxen, was als Layout Shift gemeldet werden kann und pro Frame Layoutarbeit kostet.

Zum Weiterlesen

Teste dich selbst

Mach den Test Browser und Performance · Middle: Fragen und Antworten werden gemischt, und am Ende wartet eine Übersicht der Fehler.

Diesen Test machen