Scrolling performance, Angular 2 Optimizations @ Toronto Web Performance Group Meetup
We met at Shopify‘s office.
David Bokan from the Google Chrome team in Waterloo talked about scrolling performance in Google Chrome
- CSS property
will-change:transformcan force an element to be composited by the GPU before a CSS animation uses it.
Chrome 51 has Passive Event Listeners that run asynchronously, so your slow functions that run on touch & mousewheel events don’t interfere with the browser’s attempts to smoothly scroll the page Passive Event Listeners on caniuse, on MDN, on Chrome blog
Look for ‘the fast path’ in the browser, keep main thread as idle as possible
David Barreto talked about optimizing Angular 2 apps for download size & performance
There are nice charts in his slides showing the effects of AoT compilation, different chunk loading strategies, and more
- Library name-drop! What is Tachyons?