60 fps (Layout und Rendering)

60 fps (Bilder pro Sekunde) in deinen Projekten wirken sich direkt auf das Nutzer-Engagement aus und sind für den Erfolg entscheidend. In diesem Vortrag haben Nat und Tom über die Rendering-Pipeline von Chrome gesprochen und einige häufige Ursachen dafür genannt, wie Frames verworfen werden und wie sie vermieden werden können.

Google Präsentationen

• Ein Frame ist 16 ms lang. Sie enthält JavaScript, Stilberechnungen, Malen und Aufbauen.
• Das Malen ist sehr teuer. In einem Pflaster musst du teure Malereiarbeiten unnötig wiederholen.
• Ebenen werden zur Speicherung von Elementen im Cache verwendet.
• Eingabe-Handler (Touch- und Mausrad-Listener) können die Reaktionszeit beenden. Vermeiden Sie es, wenn möglich. Sie können sie nicht auf ein Minimum beschränken.