Ich arbeite an einer Animation zum Seitenwechsel . Die Leistung ist enttäuschend. Vor allem, wenn Sie die pages Klasse und machen Sie sie etwa 800px breit (einfügen $('.pages').css({width: '960px', height: '600px'}); in Ihrer Konsole). Ich hatte früher etwa 16 Übergänge auf einmal laufen und habe sie auf 9 reduziert, von denen viele Transformationen sind! Ich weiß nicht, was ich sonst noch tun kann.
Chrome scheint die GPU nicht zu nutzen. Es spießt die FPS auf anfängliche Seite drehen, aber dann fällt in regelmäßigen Abständen (aktiviert dies mit about:flags ):
Probieren Sie es in Safari aus, und Sie werden eine bessere Leistung erhalten, aber Sie werden feststellen, dass die Animationen nicht synchronisiert sind, oft hintereinander herhinken, und es gibt eine seltsame Wackeligkeit, die Das Projekt von Román Cortés litt auch unter in demselben Browser (in Fx habe ich es noch nicht geschafft).
Es gibt nicht viel gutes Material über die Optimierung von CSS-Übergängen und -Animationen im Web, und ich habe mir das meiste selbst beigebracht. Ich hatte gehofft, dass jemand diese Art von Beratung haben würde.
