Skip to main content
Before and After Photo Galleries on Contractor Websites
Contractor Websites Performance Lead Generation

Before and After Photo Galleries on Contractor Websites

Overview

Before and after project photos are among the most effective trust signals on a contractor website. They demonstrate the quality of work, build confidence in prospective customers, and differentiate the business from competitors showing only stock photography. The most common problems with photo galleries are technical — large unoptimized images that slow the page significantly, or poorly implemented gallery plugins that break the mobile layout.

  • photos uploaded at full resolution from a phone camera (3–6 MB per image)
  • gallery plugin adding heavy JavaScript that slows the entire page
  • no descriptive filenames or alt text on gallery images
  • photos displayed at thumbnail size but loading at full resolution
  • gallery plugin conflicting with the page builder or theme

How the Problem Appears

  • pages with galleries loading significantly slower than other pages
  • Core Web Vitals failures on pages containing photo galleries
  • gallery layout broken on mobile screens
  • images not appearing in Google Image search results

How It Is Diagnosed

  • running PageSpeed Insights on a gallery page and comparing to a non-gallery page
  • checking image file sizes in the browser network panel
  • inspecting whether lazy loading is applied to gallery images
  • reviewing whether the gallery plugin is loading scripts on non-gallery pages

Typical Fix

  • resize and compress photos before uploading — target under 200 KB per image
  • use modern image formats (WebP) instead of JPEG where supported
  • enable lazy loading so off-screen images are not loaded on page open
  • use a lightweight gallery implementation rather than a heavy plugin
  • add descriptive alt text to each photo: “New roof installation — Scarborough, Toronto”
  • use descriptive filenames: metal-roof-replacement-scarborough.webp

What Photos to Include

  • completed project photos, ideally with before and after pairs
  • photos showing the work area, materials used, and finished result
  • photos that include recognizable GTA neighbourhoods or landmarks where relevant
  • team photos showing the crew on site

Technical Website Support

If a contractor website has a photo gallery that is causing page speed problems or is broken on mobile, technical support can optimise the images, reconfigure the gallery implementation, and verify the fix against performance benchmarks.