Archive | performance budget

RSS feed for this section

The Cost of JavaScript in 2018

Even though we mentioned it earlier, I thought this outstanding post by Addy Osmani all about the performance concerns of JavaScript was still worth digging into a little more.

In that post, Addy touches on all aspects of perf work and how we can fix some of the most egregious issues, from setting up a budget to “Time-to-Interactive” measurements and auditing your JavaScript bundles.

Embrace performance budgets and learn to live within them. For mobile, aim for a JS budget …

The post The Cost of JavaScript in 2018 appeared first on CSS-Tricks.

Slow Websites

The web has grown bigger. Both in expansiveness and weight. Nick Heer’s “The Bullshit Web”:

The average internet connection in the United States is about six times as fast as it was just ten years ago, but instead of making it faster to browse the same types of websites, we’re simply occupying that extra bandwidth with more stuff.

Nick clearly explains what he means by bullshit, and one can see a connection to Brad Frost’s similarly framed

The post Slow Websites appeared first on CSS-Tricks.

Size Limit: Make the Web lighter

A new tool by Andrey Sitnik that:

  1. Can tell you how big your bundle is going to be (webpack assumed)
  2. Can show you a visualization of that bundle so you can see where the size comes from
  3. Can set a limit for bundle size, throwing an error if you exceed it

Like a performance budget, only enforced by tooling.

Direct Link to ArticlePermalink


Size Limit: Make the Web lighter is a post from CSS-Tricks