Learning center

Total Page Weight: Why Your Site Feels Heavier Than It Looks

A page can look simple and still be enormous behind the scenes — usually because of a handful of images nobody ever compressed.

It's almost never the text or the layout

Images routinely make up half or more of a page's total weight — and on a local contractor site, that's usually a handful of full-resolution project photos or a hero image straight from a phone camera roll, each several megabytes, displayed at a fraction of that size. The browser still has to download the whole file before shrinking it down to fit the layout.

Why this hits mobile visitors hardest

A homeowner comparing contractors from their phone, sometimes on a spotty connection standing in their driveway or garage, feels every extra megabyte directly as wait time. Desktop wifi can paper over a heavy page; mobile data rarely can.

The fix

Compress and resize images to the dimensions they're actually displayed at (a photo shown at 800px wide doesn't need to be a 4000px original), convert to a modern format like WebP where possible, and lazy-load images below the fold so they don't compete with what's visible first. This one change typically resolves most of a heavy page.

Related