Skip to content
Calixo
Calixo

Page Weight Budget Calculator

Find the maximum page size that still loads within a target time on a given connection.

Inputs

Use a realistic 'slow' connection your users might have, not your own fast Wi-Fi.

Target Connection Speed (Mbps)
Target Load Time (seconds)

Paste this into any page — the widget stays live and updates automatically as this calculator improves. Using WordPress or Notion? See the embed guide.

Saved Scenarios

— select 2+ to compare
Inputs updated · Results recalculated · Just now

Max Page Size (MB)

18.75

Spark says

How it's calculated
A person working on a graph analysis on a laptop for data monitoring and research.
Photo by ThisIsEngineering on Pexels
Abstract 3D digital light burst with vivid warm tones, suggesting high-speed data flow.
Photo by Pachon in Motion on Pexels

Formula

Max SizeMB=SpeedMbps×Target Seconds8Max\ Size_{MB} = \dfrac{Speed_{Mbps} \times Target\ Seconds}{8}
\div 8
— Converts megabits to megabytes

What is the Page Weight Budget Calculator?

A performance budget sets a maximum page weight so load time stays predictable — this calculator inverts the download-time formula to find that budget directly.

How to use it

  1. 1 Enter the connection speed you're targeting (pick a realistic worst-case, not your own connection).
  2. 2 Enter your target load time in seconds.

Worked examples

50 Mbps, 3-second target

Budget is about 18.75 MB.

Try it

Limitations

  • •Real load time also depends on server response time, number of requests, and rendering — total bytes is only one factor.

Frequently asked questions

What page weight should I target for mobile?

Many teams target under 1-2 MB total for mobile-first pages, since typical mobile connections and devices are slower than desktop.

calixo.cloud/developer/page-weight-budget-calculator/ — free calculator, no signup required.