This course will demystify the browser's rendering pipeline and make it easy for you to build high performance web apps.
Overview
Syllabus
- The Critical Rendering Path
- Follow along with Paul Lewis and Cameron Pittman as they explain common performance issues on the web and what we should be hoping to achieve in terms of speed.
- App Lifecycles
- Learn about the four parts of a web app's lifecycle: RAIL (Response, Animate, Idle, and Load). You'll discover how these phases cause jank in your web apps.
- Weapons of Jank Destruction
- Learn how to use Chrome's Developer Tools Timeline to find page jank and remove it from your site.
- JavaScript
- Learn how to use JavaScript to optimize animations and use web workers to speed up performance.
- Styles and Layout
- Discover how changing styles can result in surprisingly slow page speed. You'll also learn how to prevent Forced Synchronous Layouts.
- Compositing and Painting
- Learn how to manage page layers and improve page performance using the Chrome Dev Tools Paint Profiler.
Taught by
Cameron Pittman and Paul Lewis
