Clarks Size Calculator

Page Size Calculator

Enter the size of the page's HTML, CSS, JavaScript and fonts in KB, and how many images there are and their average size. The calculator totals the page weight and estimates load times.

  • Page weight
  • Load time
  • Images
Your page

From 0 to 100000

From 0 to 100000

From 0 to 100000

From 0 to 10000

From 0 to 100000

From 0 to 100000

Use the transfer sizes from your browser's network panel, which are compressed.

Page weight is the sum of every file the browser downloads. A page with 30 KB of HTML, 60 KB of CSS, 400 KB of JavaScript, eight images of 150 KB and 80 KB of fonts weighs 1.77 MB. That takes about 1.9 s on 4G but over 35 s on slow 3G.

Page load time chart

Plus 0.3 s of round trips. Search for a size.

Load time by weight
PageSlow 3G (s)Fast 3G (s)4G (s)Broadband (s)
250 KB5.31.60.50.34
500 KB10.32.80.70.38
1000 KB20.35.31.20.46
1500 KB30.37.81.60.54
2000 KB40.310.32.10.62
3000 KB60.315.330.78
5000 KB100.325.34.71.1

Seconds.

Weight and load time

Typical mix. Slide the page weight.

The bar splits by file type.

How to weigh a page

Files to load time. Step through it.

List

Every file.

Test on a real phone over mobile data.

Light, average or heavy page

Page weights. Compare them.

Light.

4GUnder 1 s
Slow 3GAbout 10 s
FeelInstant

Images and JavaScript are usually the heaviest parts.

Before you launch

Speed checks. Tick each item.

Tick each item as you go.

Run a Lighthouse test for more ideas.

What you get

Page sizing. Each tile explains one result.

Weight

KB or MB.

Load

By connection.

Images

Share.

Script

Weight.

Split

By type.

Next-gen image formats can cut image weight by half.

Frequently Asked Questions

How big should a web page be?

Under about one megabyte loads quickly on most phones.

How do I find my page size?

Open the browser's network panel and read the transferred total.

What makes pages heavy?

Mostly large images and JavaScript.

How long does a two megabyte page take on four G?

About two seconds.

Does page size affect search ranking?

Indirectly, through load speed and Core Web Vitals.

How can I make my page lighter?

Compress images, lazy load them and remove unused code.

What is the median web page size?

About two megabytes on mobile.

A faster page

Weigh every part of your page and trim the heaviest to load fast on any connection.

More size calculators

Each one has its own calculator, worked examples and answers to common questions.

See all size calculators