Image optimization for business websites: the heaviest thing on your page

Every visitor pays for your images out of their own connection and their own battery, and the mobile customer pays the largest share.

The heaviest thing on most small-business sites is not the code and not the fonts: it is the images. The owner never sees the cost, because on an office desktop over office wifi the page simply opens. The cost lands somewhere else entirely: on the buyer's phone, paid out of the buyer's data and the buyer's patience, in the seconds between a tap and your headline.

The mechanism is simple and unforgiving. Every megabyte on a page is downloaded by every visitor, over their connection, at their expense, and mobile customers carry the largest share. A camera-original photo leaves a phone at many times the size it will ever be displayed, so a page can look finished and still ship its headline last, because the text waits behind megabytes nobody needed at that size. And the slider at the top of the page, the one nobody waits for, is usually the heaviest single object on it.

Search engines watch the experience too. They measure how quickly a page becomes usable on a modest phone and fold that into ranking, and answer engines weigh it when deciding what to cite. A page that is heavy with images is therefore penalized twice: it is found less often, and it is abandoned more quickly when found.

The practice is older than the excuses. Display size governs file size: an image shown at the width of a phone screen has no honest reason to carry print resolution. Modern formats and compression exist precisely for this job and cost nothing except the decision to use them. Neither step changes how a picture looks to the visitor; both change what it costs to show it.

Care is not spread evenly across the page. The images above the fold decide the first impression, and they deserve the smallest, sharpest files you can produce. The rest of the page can load lazily, fetching its pictures only when the visitor scrolls near them, so the headline never queues behind decoration. A slider that delays everything it sits in front of is not a feature; it is a toll gate.

The test is a real phone on a real connection, not the office desktop. If your homepage keeps a customer waiting on the device they actually hold, no screenshot will argue them out of what they felt. We build this discipline into our sites as standard (images sized, compressed, and lazy-loaded), and we tell clients the honest limit: the discipline is cheap, but it is a discipline, and it has to survive every future upload.