Overview of what tasks run on the main thread and the impact on pagespeed.

Learn how the browser uses the DOM and the CSSOM to paint pixels on the webpage and best practices for optimization

Optimize the main thread and HTML parser by reducing blocking download time of CSS, JS, and font resources

Reduce the performance impact associated with the browser reading files

In general, what causes performance issues on your average website and how do you resolve pagespeed issues?

Create a simple, flawless response post grid using flexbox.

Optimize your JS and SASS assets

Generate Critical CSS with Hugo Pipes

Create theme colors schemes that can be used in SCSS and layout files

How the browser uses the event loop and callstack to coordinate execution of JavaScript on the main thread.

Find the right balance of tasks to defer or prioritize for better DOM rendering speed.

How to use the dev tools and browser APIs to identify pagespeed issues.

Understanding the DOM and how it's constructed is the cornerstone of performance optimization.

Optimize the browser tasks related to image painting to improve website loadspeed

Simple way to test shopify changes