← Glossary
Glossary

What is Page Weight?

Quick Definition
Page weight is the total amount of data a browser has to download to show a web page: the page itself plus every script, stylesheet, font, image and tracker it pulls in. It decides how fast the page appears on a phone with two bars of signal, and most small business sites weigh ten to fifty times more than they need to.

Why It Matters

A customer searching from a truck on a county road is on a slow connection, and the first page that finishes loading is the one they read. Google measures this. A heavy page ranks lower and gets abandoned more. The weight is invisible on the office computer with fiber and a cached copy, which is why owners never see the problem their customers hit every day.

Where The Weight Comes From

Rarely the content. A page of text and a few photos is small. The weight comes from the machinery around it: a page builder that loads its whole toolkit on every page, a theme with sixty stylesheets, a slider plugin, three analytics trackers, a chat widget, a font service, and images uploaded at the size the camera made them. A typical WordPress homepage for a small business lands between two and five megabytes over sixty to a hundred separate requests. The text on it is a few kilobytes.

What A Light Page Looks Like

BizPinPro sites are written by hand: one HTML file, one stylesheet, the fonts the page uses and nothing else, no plugin stack, no tracking scripts beyond the site's own analytics. A homepage weighs a few hundred kilobytes with its photos, less without, over a dozen requests. The comparison is on the site: the WordPress.com homepage rebuilt in plain code, next to the original, with the numbers.

Images Are The Exception

Photos are the one heavy thing a page legitimately needs. They are resized to the width they are shown at, compressed, served in modern formats, and loaded only when they scroll into view. A twelve megapixel camera photo straight off the phone is six megabytes. The same photo sized for the page is a hundred and fifty kilobytes and looks identical.

How To Check It

Google's PageSpeed Insights takes any address and reports the weight, the request count, and the time to first paint on a simulated phone, with the heaviest items named. A score in the nineties on mobile is the target. Most small business sites score in the thirties and do not know it.

See it measured: the page weight checker reports any address, and every page under Example Sites explains what keeps a site for that trade light.

The Foundation Connection

Page weight is the number behind Performance Metrics in the Digital Foundation, and it is part of the Technical Debt a site carries, whether anyone measured it or not. It is also the clearest example of the difference between a site that was built and a site that was assembled: the assembled one pays for every part it bolted on, on every visit, forever.

Appears In
Example Sites Websites for Restaurants
Find us on