• Painting Images Optimizing images for website loadspeed
• Main Thread Overview of what tasks run on the main thread and the impact on website loadspeed.
• Resource Parsing Resource parsing
• Painting and the Render Tree How the browser uses the DOM and the CSSOM to paint pixels on the webpage
• Measuring Performance How to use the dev tools and browser APIs to identify pagespeed issues.
• Rendering How to optimize page rendering
• Why Websites Load Slowly In general, what causes performance issues on your average website?
• Parser Blocking Resources Optimize the main thread and HTML parser by reducing blocking download time
• Constructing the DOM Understanding the DOM and how it's constructed is the cornerstone of performance optimization.
• JavaScript and the Browser How the browser uses the event loop and callstack to coordinate execution of JavaScript on the main thread.