1–2 spots available for Q2 · Claim yours

Performance Budgets Explained for Non-Technical Founders

A web performance budget caps how heavy and slow your site is allowed to get. How to set one as a non-technical founder, the metrics that actually matter, and why founders who skip this step lose roughly 7% of conversions per extra second of load time.

By Adriano Junior

A web performance budget is the simplest tool I know for keeping a startup's site from quietly suffocating itself. You set hard limits on how heavy and slow your pages are allowed to be, you write them down, and then every new feature has to live inside those limits. That is the whole idea. The hard part is the discipline, not the maths. I have spent 16 years and 250+ projects watching founders learn this the expensive way, and the goal of this article is to save you that detour.

TL;DR

  • A web performance budget is a set of agreed limits on page weight, load time, and key speed metrics that your team commits not to exceed.
  • Every extra second of load time drops conversions by roughly 7% (the same number on my home page, traced back to the Imohub case study and Akamai's commerce research).
  • You do not need to be technical. You need three numbers: a page weight cap, a load time target, and a Core Web Vitals threshold.
  • Without a budget, your site gets slower over time as features pile up. With one, your team makes the trade-off before shipping, not after customers leave.

Table of contents

  1. What is a performance budget
  2. Why founders should care about website speed
  3. The metrics that matter (in plain language)
  4. How to set your first performance budget
  5. How Cuez taught me about performance creep
  6. Common mistakes founders make with performance
  7. What to do when your team blows the budget
  8. Tools to monitor your performance budget
  9. Reflecting on why budgets actually work
  10. FAQ
  11. Next steps

What is a performance budget

A performance budget is a set of hard limits on how heavy, how slow, or how resource-hungry your website is allowed to be. Think of it like a financial budget. Instead of capping dollars, you cap the data your pages send to a visitor's browser and how long they wait before seeing content. Google's own performance team recommends them for the same reason finance teams recommend monthly caps. They make trade-offs visible.

A concrete example. A startup might write down these rules:

Metric Budget limit
Total page weight Under 1.5 MB
Time to first meaningful content Under 2 seconds
Number of third-party scripts Maximum 5
Largest Contentful Paint (LCP) Under 2.5 seconds

If a developer or marketer wants to add something that pushes any metric past its limit, they either optimize something else to make room or argue why the limit should change. That conversation happens before the change goes live, not after customers start leaving.

That is it. You decide upfront what "fast enough" means for your business, write it down, and hold each other to it.

Why founders should care about website speed

Because speed is money. That is not a metaphor.

Portent's 2022 study found that B2B sites loading in 1 second converted at roughly 3x the rate of sites loading in 5 seconds. For e-commerce, Akamai's research tied a 100-millisecond improvement in load time to an 8.4% increase in conversions. Google has used page speed as a ranking factor since 2018, and in 2021 Core Web Vitals became a direct ranking signal.

What that means in practice:

If your site loads in 2 seconds instead of 5, you are not only giving people a better experience. You are getting more organic traffic from Google, converting more of that traffic into leads or sales, and spending less on paid acquisition because your landing pages perform.

If your site loads in 5+ seconds, Google's research says about half of mobile visitors leave before they see anything. You are paying for traffic that never converts.

I have watched this pattern repeat across dozens of projects. Founders who treat speed as a feature spend less to acquire each customer. Founders who ignore it end up in a cycle of higher ad spend trying to compensate for a leaky funnel. For a deeper look at the speed-to-revenue math, my website speed optimization guide breaks down the per-second cost.

The metrics that matter (in plain language)

Performance budgets can track many things. If you do not live inside browser dev tools, here are the five metrics worth knowing.

1. Page weight (total transfer size)

Total amount of data your page sends to a visitor's device, in kilobytes (KB) or megabytes (MB). Every image, font, script, and stylesheet adds to it.

A reasonable target for most business sites: under 1.5 MB per page. The HTTP Archive median page weight in 2025 was about 2.3 MB, so being leaner than average is already an advantage.

2. Largest Contentful Paint (LCP)

LCP is how long it takes for the biggest visible thing on your page (usually a hero image or headline) to appear. It answers "how long does my visitor wait before they see the main content?"

Google considers an LCP under 2.5 seconds good. 2.5 to 4 seconds is "needs improvement." Above 4 seconds is poor. I cover this in detail in Core Web Vitals for business owners.

3. Interaction to Next Paint (INP)

INP replaced First Input Delay in March 2024. It measures how quickly your site reacts when someone taps a button, clicks a link, or types in a field. If a visitor clicks "Add to Cart" and nothing happens for 400ms, INP captures that gap.

A good INP score: under 200 milliseconds. Above 300ms users perceive it as sluggish.

4. Cumulative Layout Shift (CLS)

CLS tracks how much page content jumps around while loading. You have lived this. You start reading a paragraph, an ad loads above it, the text shifts down. That is layout shift. Disorienting, makes people misclick, makes the site feel broken.

A good CLS score: under 0.1. The number is unitless (a calculated score, not seconds or pixels).

5. Number of requests and third-party scripts

Every file the page loads is one HTTP request. Every third-party script (analytics, chat widgets, ad pixels, A/B testing tools) adds requests, weight, and execution time.

A reasonable budget: under 50 total requests and no more than 5 third-party scripts per page. Anything beyond that should have a written business case that justifies the performance cost.

For mobile-specific work, see Mobile-Friendly Website Design.

How to set your first performance budget

You do not need engineering knowledge to write a performance budget. You need a baseline measurement, a target, and team agreement. Four steps.

Step 1: Measure where you are today

Go to PageSpeed Insights and enter your home page URL. Google gives you scores for LCP, INP, CLS, and overall performance on mobile and desktop. Write the numbers down. That is your baseline.

Note total page size and the number of requests too, both visible in the "Diagnostics" section.

Step 2: Research your competitors

Run the same test against your top 2 to 3 competitors. If they load in 2.8 seconds and you load in 4.1 seconds, you now know the gap. Your budget should aim to match or beat the fastest competitor.

Step 3: Set your limits

Based on your baseline and competitive research, fill in this table:

Metric Your current number Competitor average Your budget target
Total page weight ___ MB ___ MB ___ MB
LCP ___ seconds ___ seconds ___ seconds
INP ___ ms ___ ms ___ ms
CLS ___ ___ ___
Third-party scripts ___ ___ ___

A practical starting point if you have no competitor data:

  • Page weight: 1.5 MB
  • LCP: 2.5 seconds
  • INP: 200ms
  • CLS: 0.1
  • Third-party scripts: 5

Step 4: Get buy-in and document it

Share the budget with engineering, marketing, and anyone who adds content or scripts. Put it in a shared document. Make it part of your deployment checklist. The budget only works if everyone knows it exists and agrees to follow it.

Some teams set up automated alerts (more on tools below). Even a manual check before each major release is better than no budget at all.

How Cuez taught me about performance creep

At Cuez by Tinkerlist, a Belgian SaaS that builds software for managing live television broadcasts, I joined as a senior software engineer and inherited an API that had drifted to 3-second response times. The product worked, but barely. Users noticed the lag. The team knew it was slow but had no clear threshold for "too slow."

The root cause was performance creep. Over months of feature work, the codebase had accumulated unused libraries, redundant database queries, and custom implementations of things the framework (Laravel) already provided natively. No single change made the API slow. It was the cumulative weight of dozens of small additions, none of them measured against a limit.

I ran a full audit, removed unused dependencies, replaced custom code with framework built-ins, and rewrote the database layer. The API went from 3 seconds to 300ms — 10x faster. As a side effect, infrastructure cost dropped roughly 40% because the slow path no longer needed to be brute-forced with bigger machines. Full write-up on the Cuez case study page.

The point for founders is this: that 10x improvement should never have been necessary. If the team had set a performance budget early on (say, "API responses must stay under 500ms"), the degradation would have been caught the first time it crossed the threshold, not when it became a crisis.

Performance creep is sneaky. Each feature adds a sliver of weight. Nobody notices because each addition is small. One day you realize your site loads in 5 seconds and you cannot point to a single cause. A budget makes the cost visible while it is still cheap to fix.

Common mistakes founders make with performance

I have watched the same patterns repeat across startups and mid-market companies. The ones that hurt most:

Treating performance as a one-time project

Some founders hire a consultant to "speed up the site," get good numbers, then go back to adding features without constraints. Six months later the site is slow again. Performance is ongoing. A budget makes it ongoing by design.

Letting marketing add scripts without oversight

Every analytics tool, every chat widget, every retargeting pixel adds weight. I have audited sites running 15+ third-party scripts where the marketing team added them over time and nobody tracked the cumulative cost. Your performance budget should require approval for any new script, the same way your financial budget requires approval for new expenses.

Optimizing desktop only

According to Statcounter, more than 60% of web traffic is mobile. Mobile devices have less processing power and slower networks. Set your budget targets against mobile performance, not desktop. A site that loads in 1.5 seconds on your MacBook can take 6 seconds on a mid-range Android over a 4G connection.

Ignoring performance until a redesign

Waiting for the redesign to address speed is like waiting to organize your files until you move offices. The mess follows you. Set targets now, even if a redesign is planned. The discipline of a budget carries over to the new project.

Setting a budget but never enforcing it

A budget nobody checks is a wishlist. Simplest enforcement: add a performance check to your deployment process. Before a change goes live, run a quick test. If it busts the budget, it does not ship until it is fixed.

What to do when your team blows the budget

It will happen. A new feature needs a heavy library. A campaign needs a video on the landing page. The holiday sale page has extra product imagery. Here is how I handle it without killing momentum.

Option 1: Optimize something else to make room. If the new video adds 800 KB, can you compress existing images to save 800 KB elsewhere on the page? That trade-off thinking is exactly what a budget is meant to surface.

Option 2: Grant a temporary exception with a deadline. "We exceed the budget for the holiday campaign, but we are rolling it back by January 15." Write it down. Put it on the calendar. Hold each other to it.

Option 3: Revisit the budget. Maybe the original limits were too aggressive. If the team consistently hits the ceiling, talk about whether the targets need adjusting. That is healthy. The goal is intentional decisions about trade-offs, not arbitrary restriction.

Option 4: Question whether you need the addition at all. I have watched teams debate how to fit a feature within the budget and realize the feature was not worth the cost. A chat widget that adds 400 KB of JavaScript and produces 2 leads per month rarely justifies the performance hit on every other visitor.

Tools to monitor your performance budget

You do not need expensive software. Tools sorted from free to paid.

Free tools

  • Google PageSpeed Insights (pagespeed.web.dev) — test any URL, get Core Web Vitals scores plus recommendations. Best for spot checks.
  • Google Lighthouse (built into Chrome DevTools) — run a full performance audit from your browser. Score out of 100 with specific suggestions.
  • WebPageTest (webpagetest.org) — advanced testing with filmstrips, waterfall charts, and multi-location tests. More detail than PageSpeed Insights.

Automated monitoring

  • Google Search Console — Core Web Vitals data for all pages Google crawls. Free and automatic.
  • SpeedCurve (from $12/month) — performance dashboards over time with budget alerts. If a deployment pushes a metric past your limit, it sends a notification.
  • Calibre (from $45/month) — similar to SpeedCurve, with built-in performance budget features and Slack/email alerts.

In your deployment pipeline

Your developers can add performance checks to the build itself using open-source tools like Lighthouse CI or bundlesize. When code is submitted, those tools verify it does not exceed the budget before it gets merged. This is the most reliable enforcement method because it catches violations before they reach production.

Ask your engineering team: "Can we add an automated performance check to our deployment process?" If they are using modern tooling (GitHub, GitLab, Vercel, Netlify), the answer is almost always yes.

Reflecting on why budgets actually work

The reason performance budgets work, when so many other process artifacts do not, is that they pre-commit a decision. Once the number is on the wall, every future trade-off becomes a small conversation instead of a political one. "Do we add the chat widget?" is no longer about the chat widget's merits in isolation. It is about whether the chat widget earns its 400 KB. That is a far easier conversation, and it tends to end with the right answer instead of the loudest one.

Across 250+ projects, the founders I see scale most calmly are the ones who treat performance the same way they treat their P&L. Watched monthly. Capped explicitly. Reviewed when something changes. The budget itself is almost incidental. The habit of looking at the number is the actual asset.

FAQ

What is a web performance budget in simple terms?

A web performance budget is a set of agreed limits on your site's speed and size. It caps page weight, load time, and the number of scripts, the same way a financial budget caps spending. It prevents the site from getting slower as features and content get added.

How much does it cost to implement a performance budget?

Setting one costs nothing. It is a decision, not a purchase. Monitoring tools range from free (PageSpeed Insights, Lighthouse) to $12 to $150 per month for automated dashboards. The real cost is the discipline of enforcing the budget during development and content updates.

What is a good page load time for a startup website?

Aim for under 2.5 seconds on mobile. Google considers this the "good" threshold for Largest Contentful Paint, the main speed metric. Sites loading in 1 to 2 seconds outperform those at 3+ seconds by a wide margin in conversion rates. According to Portent, the highest conversion rates happen at 1-second load times.

Do performance budgets slow down development?

Not in my experience across 250+ projects. They change how teams think about trade-offs. Instead of "ship it and optimize later," teams ask "is this worth the performance cost?" upfront. That saves time. You skip the costly cycle of shipping bloated features and then scrambling to fix them after launch.

Who should own the performance budget at a startup?

The founder or CTO sets and enforces it. If you do not have a CTO, this is one of the responsibilities a fractional CTO handles, starting at $4,500/mo for advisory. The budget touches engineering (code) and marketing (scripts, images, content), so it needs someone with authority over both teams.

Should the budget be different for desktop vs mobile?

Yes, mobile is the harder target. I recommend setting two columns in the same budget table, with the mobile numbers as the binding constraint. If mobile passes, desktop almost always passes. The reverse is not true.

How often should I review the performance budget?

Quarterly is a good rhythm for most startups. Re-baseline the numbers, compare to competitors again, and check whether your stack has shifted. Anything more frequent becomes process theater. Anything less and you miss a regression that has already cost you a quarter of conversions.

Next steps

If you have read this far, you already know more about performance budgets than most startup founders. What to do with that knowledge:

  1. Today. Run your home page through PageSpeed Insights. Write down LCP, INP, CLS, and total page weight.
  2. This week. Run the same test on your top 2 to 3 competitors. Set your initial budget targets.
  3. This month. Share the budget with your team. Add a performance check to your deployment process, even if it is a manual step.

If your site is already slow and you do not know where the problem started, or if you want someone to set up the budget and the monitoring around it, book a free strategy call. I have done this at companies ranging from early-stage startups to the $1B+ unicorn bolttech, and the process is the same: measure, set the limits, build the discipline.

Performance is not a feature you ship once. It is a constraint you maintain. A budget gives you the structure to maintain it without thinking about it every day.

Related reading:

Related Articles

All posts