Set and Meet Speed Budgets

Set and Meet Speed Budgets
Karolina Szczur

Karolina Szczur

June 19, 2020

We overhauled Performance Budgets to address the difficulties in setting meaningful speed targets and meeting them.

Creating a budget for Largest Contentful Paint, showing recommended value of less than 2.5s.

Additionally, Calibre shows recommended Budget values for each metric. These are determined based on performance best practices and Lighthouse range recommendations. No more searching for metric range recommendations and confusion about conflicting advice.

Combining historical metric measurements with recommendations for best scoring is a bulletproof method for setting budgets that you can meet, while significantly improving user experience.

Quickly find the most significant speed offenders#

Budgets often become buckets for a range of Pages. No Page is the same, though. By inspecting your Budgets, you can quickly see which Pages perform worse and tend to swing your overall Budget status.

Viewig a budget for Total Font Transferred of less than 200KB. Several pages exceed it or are at risk.

When a Budget is regularly exceeded, separating it into more granular Budgets with less aggressive goals might be more valuable in the long term. All changes to the Budget are recorded, so you can see what amendments were made by which team member.

Get relevant alerts when it matters most#

Metrics fluctuate, which is why it’s crucial to look for sustained change. However, we know that some teams require more reactive notifications (triggered when there’s any change), while some will prefer fewer alerts (triggered when there’s a sustained change in global budget status). When creating or editing a Budget, you can choose notification frequency that makes most sense for your context.

Calibre sends detailed email reports showcasing the status of your Budgets.

Calibre will always notify the Budget creator and anyone subscribed to Site notifications when there’s a change. Alerts can be sent to a relevant Slack channel, via email or both.


Setting Performance Budgets will help you in making your Sites as fast as they can be and keeping them that way. Budgets are also helpful in creating accountability for user experience. Measuring and quantifying user experience through the lens of performance, accessibility and best practices levels up teams ability to deliver great work continuously.

Karolina Szczur

Karolina Szczur

Karolina is a Co-founder and Product Design Lead at Calibre. With years of design experience under her belt, she's responsible for the comprehensive user experience spanning over product, visuals and content. Find her on Mastodon or LinkedIn.