The performance budget builder is a great little tool created to help you visualise and understand the effects of adding more CSS, JS, Images and Fonts to your overall page weight. Over weight, go on a performance diet.
The Performance Budget builder tool allows you to set up a variety of template types, name them, set a template for each of the types and then add the sizes for each category.
The categories include
A note from Brad Frost
Fair warning, this is mostly an experiment and hasn’t been cross-browser tested or anything like that. Feel free to take it and run with it.
Want to try it here? Well check out the embed pen below…