You’re proud of your work — the before-and-after roofing shots, the freshly painted exterior, the perfectly laid patio. So you upload those photos straight from your phone to your website. Makes sense, right? Except that a single phone photo straight from your camera roll can weigh 6 to 12 megabytes. For context, a well-optimized web page should load its entire contents in under 1 MB. One photo just blew your budget ten times over. That’s why images are the single biggest reason contractor websites crawl.
Modern smartphones shoot photos at resolutions designed for printing — 4000 pixels wide or more. Your website displays images at maybe 1200 pixels wide on a desktop and 400 pixels wide on a phone. The browser still has to download all 4000 pixels worth of data even though it only shows a fraction of them. It’s like ordering a full shipping container of lumber when you needed one 2x4. The waste is enormous, and your visitor pays for it with waiting.
Before uploading any photo to your website, run it through a free tool called Squoosh (squoosh.app). Drag your image in, switch the format to WebP, slide the quality down to around 75, and resize the dimensions to no more than 1400 pixels wide. You’ll typically see file sizes drop from 6 MB down to 80–150 KB. That’s a 40x reduction, and the image still looks great on screen.
Even after you compress your images, loading all of them at once on page arrival is wasteful. A visitor sees the top of the page first. Photos buried below the fold don’t need to load until the person scrolls toward them. This technique is called lazy loading. Modern browsers support it natively with a simple attribute on image tags — but most page builders and basic WordPress themes don’t implement it correctly by default. A properly built site handles this automatically.
One HVAC company we worked with had a homepage that loaded 22 unoptimized photos — a total of over 40 MB. After optimization, the same page loaded in under 800 KB. Their PageSpeed mobile score went from 28 to 81. More importantly, their average time-on-page went up and their bounce rate dropped, which means more visitors were actually reading their service pages and making calls instead of leaving before the site finished loading.
If you’re on a platform that doesn’t automatically resize and serve images in modern formats, you’re fighting an uphill battle every time you add a photo. A site built for performance handles image optimization in the build process itself — so you can upload a normal photo and the system automatically converts, compresses, and serves it at the right size for whatever device the visitor is using. That’s the difference between a platform that’s designed to be fast and one you’re manually trying to patch into shape.
Follow that checklist and your images will never be the reason your site is slow. Get this right and every other speed fix you make becomes more effective.
We build service businesses 500+ page, fast, SEO-ready websites — for $249/month, with a live dashboard so you can watch it climb.
See How It Works →