Udacity

Browser Rendering Optimization

Engineering and Technology

Short Description

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

Long Description

In the course Browser Rendering Optimization on Udacity, you will learn about the critical rendering path and how the browser converts HTML into pixels on the page. You will also explore the impact of different CSS styles on the rendering pipeline. Additionally, you will gain an understanding of the four phases in an app's lifecycle (Response, Animation, Idle, and Load) and how the frame budget changes in each phase. The course will teach you how to identify and resolve jank issues using the Timeline panel in Chrome DevTools. You will also learn techniques to optimize JavaScript for smooth animations and how to move expensive operations off the main thread using Web Workers. Furthermore, you will discover how accessing the wrong CSS properties can affect browser performance and how to debug instances of Forced Synchronous Layout. The course will also cover compositing and painting, including profiling layer and paint performance and optimizing layers to reduce rendering steps. Finally, you will apply all the knowledge gained to improve the performance of the News Aggregator App.

Course Details

Duration
4 weeks
Difficulty
Advanced
Format
Short Course
Price
Free
Course Link
More Information
Udacity
Description
Udacity is an online learning platform that offers a wide range of courses and programs in various fields such as technology, business, data science, and artificial intelligence. It was founded in 2012 by Sebastian Thrun, David Stavens, and Mike Sokolsky with the aim of providing accessible and affordable education to individuals worldwide. Udacity's courses are designed in collaboration with industry experts and leading companies, ensuring that the content is relevant and up-to-date. The platform offers both self-paced courses and guided programs, allowing learners to choose the learning style that suits them best. Udacity also provides career services and support, including resume reviews, interview preparation, and job placement assistance, to help learners transition into their desired careers.