The Shiny and New in Chrome/Blink Performance + Big Performance in Angular 2
Welcome to 2017.
We hope all had a wonderful holiday break. I know that we did. And we’re more than delighted to get things started in 2017. As always, we’re doing our best to bring you all corners of the web performance ecosystems in the form of fascinating talks.
One item being tabled was the idea of having more presentations from browser vendors and the work they’re doing to not only make our lives easier, but to also enhance their users’ lives as well. That said, we are very pleased to start the year off with an engineer from Google who is on the Blink (engine) team.
As well, in the era of the convenience and force of frameworks, the key to best practices is to know how to manage and mitigate their megabytes and mechanisms. The 2nd of our presentation will feature a run down of Angular 2 best practices by a member of the Rangle.io team.
What’s shiny and new in Chrome/Blink Performance
Both the Chrome and Blink engineers have been painstakingly toiling at ways of making their browser the fastest and providing the friendliest user experience possible. From Canary to stable, these engineers slowly roll out features all along the release channel. Joining us to outline some of the current ideas they’re implementing along with some of the newer experiments, is Google's David Bokan.
Minimizing input latency is critical in ensuring a great user experience in any app. However, the web platform is filled with foot guns that make this difficult. In this talk, David will highlight some common pitfalls that make pages feel slow and how to avoid them. As well being days removed from BlinkOn (Blink engineering conference), David will also showcase some new and upcoming efforts in Chrome to help devs build a jank-free experiences. David will also open up the floor to q?s you might have and even make a live feature request - in person.
Small Computers, Big Performance: Optimize Your Angular
Angular 2 is a huge framework. A simple "hello world" application might have a 3 MB footprint and take quite some time to load the First Meaningful Paint (FMP). This is specially painful when you try to create a consumer facing application that might be loaded in low end smartphones with poor mobile connection. Luckily the Angular team is aware of this concerns and has backed into the framework mechanisms to deal with this problem. In this talk we are going to review the power of the Ahead of Time compiler (AoT), how to lazy load parts of your app on demand, how to improve runtime performance by using the "OnPush" change detection strategy, techniques and best practices to avoid memory leaks and how to drastically reduce the boot time by pre rendering your app on the server with Angular Universal.
David Bokan (@david_bokan)
David has spent the last 4 years working on the Blink team where he's responsible for scrolling and viewports. He's currently working on shipping document.rootScroller. In his spare time, he enjoys traveling, Belgian beers, and Texas BBQ.
David Barreto (@BarretoDavid)
David Barreto is a Solutions Architect at Rangle.io and for a little more than a year+ he has focused his attention almost entirely to Angular 2 combined with Typescript, RxJS and Redux. During that time David has created apps, preparing and deliver training, blogging and contributed to Rangle's free ebook on Angular 2. David is still amazed he has survived his first winter in Canada and is successfully surviving a second one (so far).
Join us for another great night of research and discovery. Tell a friend and bring another. We hope to see you there.
Your Toronto WebPerformance meetup group: @TOWebPerf
Henri @HenriHelvetica & Barbara @bbinto