Free

Browser Rendering Optimization

Course

This course will demystify the browser's rendering pipeline and make it easy for you to build high performance web apps.

Last Updated March 7, 2022

Prerequisites:

No experience required

Course Lessons

Lesson 1

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.

Lesson 2

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.

Lesson 3

Weapons of Jank Destruction

Learn how to use Chrome's Developer Tools Timeline to find page jank and remove it from your site.

Lesson 4

JavaScript

Learn how to use JavaScript to optimize animations and use web workers to speed up performance.

Lesson 5

Styles and Layout

Discover how changing styles can result in surprisingly slow page speed. You'll also learn how to prevent Forced Synchronous Layouts.

Lesson 6

Compositing and Painting

Learn how to manage page layers and improve page performance using the Chrome Dev Tools Paint Profiler.

Taught By The Best

Cameron Pittman

Software Engineer at Jacobs

Paul Lewis

Instructor

The Udacity Difference

Combine technology training for employees with industry experts, mentors, and projects, for critical thinking that pushes innovation. Our proven upskilling system goes after success—relentlessly.

Demonstrate proficiency with practical projects

Projects are based on real-world scenarios and challenges, allowing you to apply the skills you learn to practical situations, while giving you real hands-on experience.

Gain proven experience
Retain knowledge longer
Apply new skills immediately

Top-tier services to ensure learner success

Reviewers provide timely and constructive feedback on your project submissions, highlighting areas of improvement and offering practical tips to enhance your work.