Introduction

If you run a local service business… a cleaner, a decorator, a landscaper, a plumber… your before and after gallery is probably the hardest working page on your entire website. It is the proof. It is the thing that turns a vague "maybe I'll get a quote" into "yes, these are the people I want."

Here is the problem. That same gallery is also usually the heaviest page on your site. And heavy pages load slowly. And slow pages lose people before they ever see the results you worked so hard to photograph.

This is the bit nobody mentions when they tell you to "just add more photos to the site." More photos, bigger files, slower page, fewer enquiries. It is a quiet little trap, and a lot of perfectly good businesses are caught in it without realising. Let's talk about how to fix it without binning the gallery.

Why Your Gallery Is Your Best Salesperson

People do not hire a cleaner because the homepage says "we clean things" in a nice font. They hire because they can see, with their own eyes, the state of a kitchen before and the state of it after. Visual proof is the whole pitch for trades and services where the result is the product.

A decent gallery does the selling for you while you are asleep. It builds trust faster than any testimonial, because it is harder to fake. A five star review is just text on a screen. A photo of a genuinely minging bathroom followed by a photo of a sparkling one is evidence.

So yes, the gallery matters. Nobody is telling you to get rid of it. The point is that the very thing making it effective is also the thing making it slow, and slow is the enemy of the sale.

The Problem: Proof That Takes Forever to Load

Most before and after galleries are built by uploading full resolution photos straight from a phone or a camera. Nobody resizes them. Nobody compresses them. They just get dropped onto the page at whatever size they came out of the device.

A single before and after pair, shot on a modern phone, can easily be 4 to 6MB. A gallery with ten pairs? You are shipping 40 to 60MB of images to someone's phone over a mobile connection. On the train. In the school car park. On patchy 4G. That is not a page load. That is a hostage situation.

Here is what actually happens while that gallery grinds its way onto the screen:

Slow load times are not a minor inconvenience. Google's own data shows that as page load time goes from 1 second to 3 seconds, the probability of a bounce jumps by 32%. Three seconds does not sound like much. It is enough to lose the job.

It Gets Worse: Google Is Watching

Here is the part that really stings. Google uses page experience as a ranking signal, and a big chunk of that is your Core Web Vitals. One of those vitals, Largest Contentful Paint, measures how long it takes for the biggest visible thing on the screen to appear. On a gallery page, that biggest thing is almost always an image.

So the same heavy gallery that is annoying your visitors is also quietly telling Google your page is slow. A slower page ranks worse. A worse rank means fewer people find you in the first place. Fewer people finding you means fewer people seeing the gallery you spent all that time photographing. It is a lovely little circle of misery.

What It Looks Like in the Real World

This is not a hypothetical. We spoke to a London cleaning business about exactly this, and their experience is a pretty perfect example of the problem in action.

"We rely on before and after photos to show customers the standard of our work, but our gallery page had become genuinely slow to load, especially on mobile. Once we got those images properly compressed and in a modern format, the page loaded in a fraction of the time and we stopped losing people before they'd even seen the results."

— SM Cleaning Support, London

That is the whole story in one quote. The work was good. The photos were good. The page was just too heavy, and it was costing them visitors who never even got to see the proof.

The Fix (Without Throwing the Gallery Away)

You do not need fewer photos. You need smaller photos. Here is the order to do it in, from biggest impact to nice to have.

1. Convert your images to WebP

This is the single biggest win. WebP is a modern image format that produces files roughly 25 to 70% smaller than JPEG or PNG at the same visual quality. Your photos look identical to the customer. They just arrive a lot faster.

You do not need software or a subscription to do this. Drag your JPGs and PNGs into WEBP Converter, get WebP files back, and swap them in. It runs entirely in your browser so your client photos never leave your device, which matters more than people think when you are dealing with other people's homes and businesses.

2. Set width and height on every image

If your images load without a reserved space, the page jumps around as each one pops in. That is called layout shift, and it is another Core Web Vital. Set width and height attributes (or use the CSS aspect ratio property) and the browser reserves the space up front. No jumping. No annoyed visitors trying to tap a button that has just moved three inches down the page.

3. Resize before you upload

A photo shot for a gallery does not need to be 4000 pixels wide if it is being displayed at 800. Resize it to roughly the size it will actually be shown at before you put it on the site. Smaller dimensions mean smaller files, every time.

4. Lazy load the ones below the fold

Add loading="lazy" to images that are not visible when the page first loads. The browser will only fetch them when the visitor scrolls down to them. The first paint gets faster, and the images that nobody ever scrolls to do not get downloaded at all.

5. Cap the file size

Aim for each gallery image to be under 200KB once converted. If it is bigger than that, it is either too large in dimensions or not compressed enough. Both are fixable.

The Bit Nobody Wants to Hear

None of this is hard. None of it takes long. The reason most local businesses do not do it is that nobody told them it mattered, and the website builder they used did not do it for them.

So here is the nudge. If your before and after gallery takes more than a couple of seconds to load on your phone, it is losing you work. Not might be. Is. Run your images through WEBP Converter, swap them in, and check the difference. It takes about ten minutes and it is free.

Your work is good. Let people actually see it.

FAQ: Before and After Galleries and Page Speed

Q: Why is my before and after gallery so slow to load? A: Almost always because the images are too large. Full resolution phone photos dropped straight onto a page add up to tens of megabytes, and mobile connections struggle to pull that down quickly.

Q: Will converting to WebP make my photos look worse? A: No. At a high quality setting, WebP is visually indistinguishable from the original JPEG or PNG. The customer sees the same image. The file is just much smaller.

Q: Does page speed really affect my Google ranking? A: Yes. Page experience, including Core Web Vitals like Largest Contentful Paint, is a confirmed Google ranking signal. A slow gallery page can rank worse than a fast one with identical content.

Q: How big should each gallery image be? A: Aim for under 200KB per image after conversion to WebP, and resize it to roughly the dimensions it will be displayed at before uploading.

Q: What is lazy loading and do I need it? A: Lazy loading means images below the fold only download when the visitor scrolls to them. It speeds up the first paint and saves bandwidth. Add loading="lazy" to those image tags.

Q: How do I convert my images to WebP for free? A: Use a free, browser based tool like WEBP Converter. Drag in your JPGs and PNGs, get WebP files back, and swap them into your site. No software, no sign up, and your images never leave your device.

The Bottom Line

Your before and after gallery is the best salesperson your business has. It is also, probably, the heaviest page on your website, and that weight is quietly costing you enquiries and rankings. The fix is not fewer photos. It is smaller ones. Convert them to WebP, set their dimensions, lazy load the rest, and let people actually see the work you have been doing all along.

Run yours through WEBP Converter and give your gallery the load time your work deserves.