One Person’s Bloat…

by {"name"=>"Aaron Gustafson", "uri"=>"https://www.aaron-gustafson.com", "twitter"=>"AaronGustafson", "googleplus"=>"AaronGustafson"} on 25 October 2016

The Web Bloat Score Calculator has been making the rounds on Twitter and I wanted to share my immediate thoughts on it.

First off, I am a big fan of simple tools that provide an often much-needed reality check on a project. Based squarely on its simplicity, I’d put this tool right up there alongside WebPageTest and What Does My Site Cost?. The Web Bloat Score (or WebBS… clever) Calculator is about as simple an interface as you can get: Enter a URL & hit the “Calculate” button.

When you do this, the service runs two tasks:

  1. Load the URL and all of its assets, calculating a total page weight and chronicling the number of requests required to get there; and
  2. Generate a static screen capture of the page and then grab its file size.

Once it has these two bits of info, it compares the real file size of the tested page against the image version to come up with your WebBS.

I ran the calculator against the 10k Apart contest homepage and here are the results:

URLPage SizeRequestsImage SizeWebBS
https://a-k-apart.com/200 kB49195 kB1.03

Not too bad, considering the number of images on the page and the interactivity of the SVG. In the documentation about the tool, they have this to say about a high WebBS:

A high WebBS usually indicates unused stuff on the page: JavaScript, CSS, oversized images, etc. Maybe you have a valid reason for that content. But more often than not, it means you can optimize it more.

I completely agree with the sentiment here: smaller is better and if there’s a huge discrepancy between the file size of an image of your page and the page itself, there may be something not so awesome going on behind the scenes. They reference Amazon as being particularly bad, with a WebBS of 20 (I got 12.3 in my test, but Amazon frequently changes their homepage).

There’s always room for improvement when it comes to optimization, but I also worry about folks getting too hung up on numbers like this, especially striving for a score of 1 or less. Here are a few legitimate reasons your score may be more than 1:

These are just three reasons to take your WebBS with a grain of salt. It’s good for a gut-check, but I wouldn’t spend a whole lot of time worrying about getting your score at or below 1.