Explore techniques for creating performant user interfaces using CSS in this conference talk from CSSConf.Asia 2014. Learn how to identify and improve performance using developer tools, and discover methods for achieving smooth 60fps animations that enhance user experience. Delve into topics such as the cost of CSS property changes, batching, Chrome timeline analysis, and GPU optimization. Gain insights on the importance of performance beyond initial page load times, focusing on perceived speed and delightful animations. Understand the web platform's need for low-level controls in managing paints and reflows. Apply these CSS magic techniques to create beautiful, responsive websites and web applications that provide a silky smooth user experience.
Overview
Syllabus
Intro
Animation to improve performance -Well executed animation instils perception of performance
Performance -Cost of CSS property change
Batching
Chrome timeline
Flooding the GPU -Uploading way too many textures
Native performance on the web?
Web platform needs low level controls - Controlling paints & reflows
Taught by
JSConf
