Devboss.io

Tutorials for business-focused web developers

Learn

How to evaluate the browser's Main Thread

pagespeed

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

How to optimize browser tasks related to painting and the render tree

pagespeed

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

How to optimize resource downloads to improve DOM performance

pagespeed

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

How to optimize DOM performance by improving resource parsing times

pagespeed

Reduce the performance impact associated with the browser reading files

Why Websites Load Slowly - Intro to fixing poor pagespeed

pagespeed

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

How to Create a Flawless Responsive Post Grid with Flexbox

frontend

Create a simple, flawless response post grid using flexbox.

How to cache-bust and concatenate JS and SASS files with Hugo in 2018

hugo

Optimize your JS and SASS assets

How to Automatically Generate and Inline Critical CSS with Hugo Pipes

hugo

Generate Critical CSS with Hugo Pipes

How to use Hugo template variables in SCSS files

hugo

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

How to optimize JavaScript for better main thread performance

pagespeed

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

How to optimize browser tasks related to rendering the DOM

pagespeed

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

Best practices for using dev tools to measure pagespeed performance during development.

pagespeed

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

How the DOM constructs webpages incrementally

pagespeed

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

How to improve pagespeed performance related to painting images

pagespeed

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

Safely Modify a Shopify Website with this Staging Workflow

ecommerce

Simple way to test shopify changes