ChegTech logo
Industry Guide

Why Remodeling Contractors Lose Leads to Slow Websites — and How to Fix It

Conversion architecture for remodelers: page speed, photo gallery handling, before/after presentation, and the leads you're leaving on the table.

Jonah ChegarnovBy Jonah ChegarnovPublished Updated 7 min read

Remodeling contractors live and die by their portfolio. The decision to hire a remodeler is largely a visual one — homeowners want to see before-and-after, see the craftsmanship, see what kind of kitchens or bathrooms this contractor produces.

That photo-driven decision flow is also what makes remodeler sites slow. Lots of high-resolution images, often loaded all at once, often unoptimized. The result is a site that takes 6, 8, 10 seconds to load on a mobile connection — and a meaningful share of leads bouncing before they ever see the contact button.

Here's how to keep the portfolio depth a remodeler needs while shipping a site that doesn't hemorrhage leads to slow load times.

What's actually slow about most remodeler sites

Three causes, in order of impact:

Unoptimized images. A camera photo straight off a DSLR or phone can be 4–8 MB. Five of those on a homepage is 20–40 MB of image weight. Mobile connections choke on that.

Loading all gallery images upfront. Many contractor sites load every photo on the gallery page at once, even the ones below the fold the visitor hasn't scrolled to yet. Lazy loading exists for exactly this reason.

Bloated page builders. Many remodeler sites are built on WordPress with page builders (Elementor, Divi). Page builders generate a lot of CSS and JavaScript that loads before any image, blocking the initial render.

The fix that works

Compress every image before upload. Tools like Squoosh, ImageOptim, or TinyPNG can cut image weight by 60–70% without visible quality loss. A 4 MB photo becomes 1.2 MB. Multiply that across a 30-photo gallery and you've cut page weight by 60+ MB.

Convert to modern formats. WebP and AVIF are 25–35% smaller than equivalent-quality JPEG. Every modern browser supports them. Modern hosting platforms (Vercel, Netlify) often handle conversion automatically.

Size for the actual container. A photo displayed at 800px wide doesn't need to be 4000px wide in the underlying file. Serve appropriately-sized images. Next.js Image component handles this automatically — use it.

Lazy load below-the-fold images. Images that aren't visible yet shouldn't load until the visitor scrolls. The HTML loading="lazy" attribute is widely supported. Use it.

Use a CDN. Most modern hosting platforms include CDN delivery by default. Self-hosted WordPress on a single server is slower for distant visitors.

Conversion architecture beyond speed

Speed is necessary but not sufficient. For remodelers specifically, conversion improvements that matter:

Before-and-after presentation. Side-by-side or slider. Same angle, same framing, same lighting where possible. The dramatic visual difference is what converts. A "after" photo without the matching "before" is much less persuasive.

Project-specific pages. Generic "kitchen remodel" service pages convert worse than dedicated pages for specific completed projects. A "1970s kitchen remodel in Lake Tapps — full gut and rebuild" page outranks and out-converts a generic "kitchen remodel services" page.

Process transparency. Customers contemplating a $40k–$200k remodel want to know what they're getting into. A "what to expect" or "our process" page with realistic timelines, permits, change-order policy, and payment schedule reduces customer anxiety and pre-qualifies leads.

Contact form that's actually short. Name, phone, brief project description. That's it. Long forms ("budget range," "timeline," "have you remodeled before") kill conversion at the moment of highest intent.

What page speed actually looks like for a remodeler

Velare Remodeling's site, with a meaningful photo gallery, hits 90+ on mobile Lighthouse Performance. The way to get there:

  • WebP images sized for the container
  • Lazy loading below the fold
  • Next.js Image component handling sizes and formats automatically
  • Vercel CDN delivery
  • Single web font, two weights, with font-display: swap
  • No video background, no auto-play carousel, no third-party widgets that aren't essential

Nothing exotic. Just disciplined.

What I'd push back on

Some agencies pitch remodelers on a few things that don't move the needle:

Drone footage video backgrounds. Looks impressive in a demo. Adds 5–10 MB to the page weight, doesn't survive contact with a 4G mobile connection, and most visitors don't actually watch it.

Auto-playing carousels of project photos. Carousels eat attention without delivering value. A static grid of projects with clear thumbnails converts better.

Heavy "live chat" widgets. Chat widgets average 200–400ms of additional load time. For most remodelers, the value of live chat doesn't justify the speed cost.

The five fixes worth your week

If you run a remodeling business and your site is slow:

  1. 1.Audit Lighthouse Performance on mobile — anything below 70 is urgent
  2. 2.Compress every image, convert to WebP, size for the container
  3. 3.Add lazy loading below the fold
  4. 4.Cut any auto-playing video or carousel that isn't load-bearing
  5. 5.Build out project-specific pages for your 5–10 best completed jobs

If the audit comes back ugly and a patch-it-in-place fix isn't enough, website redesign is the right call — rebuilding the site clean so the speed problem doesn't keep coming back.

The Velare Remodeling case study → shows the same approach.