pro

Critical Rendering Path

Instructor

Yonatan Kra

12m

5 lessons

3.8

268

people completed

Published 5 years ago

Updated 5 years ago

Start Watching

Frontend runtime optimization is heavily impacted by rendering. Understanding the way the JS engine and the browser work is crucial for optimizing applications and understading how to avoid performance pitfalls. This collection explains about the Critical Rendering Path, performance bottlenecks and practical solutions.

Learner Reviews

What did you like about this course?
Good information. Use of examples and devtools
Denis OSullivan
3 years ago
What did you like about this course?
Very useful introduction into core browser engine and finding the performance bottlenecks
aleksandr
4 years ago
What did you like about this course?
Short and most clear explanation i found.
Rakesh Cheekatimala
4 years ago
What did you like about this course?
that explains exactly what you need, no more, no less. Better micro wouldn't be bad.
Maycol Uribe Romero
4 years ago

illustration for Critical Rendering Path

Start Watching

Course Content

12m • 5 lessons

1
See the Critical Rendering Path in the browser
2m 54s
2
Layout Reflow in the Browser
1m 23s
3
Solving layout reflow
2m 18s
4
Solving layout thrashing by caching measured value
2m 21s
5
Solving layout thrashing with debounce
3m 51s