Speeding Up a Photography Website

The main cause of a slow photography site is oversized images. Resize and compress photos before uploading, load images lazily, use a modern format where your platform supports it, and choose hosting that suits an image-heavy site. Then test on a phone, not just your fast home computer.

Why speed matters

Visitors leave slow pages. A potential client searching on a phone connection will not wait long for a portfolio, and many will go back and click another photographer. Speed also affects how search engines judge a page, so a faster site can help your visibility, though it is only one factor.

Your portfolio is your product, so photographers feel pressure to show images at full quality. The aim is to look sharp on screen while keeping files small. Both are possible.

Speed also supports your leads. If a contact page takes ten seconds to appear, some people will not fill in the form. Fast pages and a short form work together; see inquiry autoresponders and how to respond to an inquiry for what happens next.

Image sizes

Most of the weight on a photography page is images. Start there.

• Resize before upload. A camera file might be 6000 pixels wide. A browser rarely displays more than 2,000 pixels across, even on large screens. Resize to a long edge of 1,600 to 2,400 pixels.
• Compress. Export as JPEG at a quality that looks good, often 70 to 85 percent. Compare the result with the original at the size it will display.
• Use the right format. Newer formats such as WebP and AVIF produce smaller files than JPEG at similar quality, and many platforms convert for you. Check browser support for your audience.
• Serve responsive sizes. If your website builder supports it, provide several sizes so phones receive smaller files.
• Aim for a budget. For example, keep each image under 300 KB where possible and the whole page under a few megabytes. These are example targets.
• Strip metadata like location data you do not need online.

See export sizes for web, social and print for a chart you can reuse.

Fewer images help too. A portfolio page with 80 photos is slower and less persuasive than one with 20 strong ones.

Lazy loading

Lazy loading means that images below the visible part of the page load only when someone scrolls near them. The top of the page appears quickly, and the rest follows.

How to use it:

• Modern browsers support a loading="lazy" attribute on images, and many website builders turn it on by default or offer a setting.
• Do not lazy-load the first large image on a page. It should load right away.
• Set width and height on images so the page does not jump around as they load.
• For long galleries, load in batches with a "load more" button or infinite scroll, and keep a sensible limit.

Video is heavy as well. Use a thumbnail with a play button instead of embedding several players on one page, and host long videos on a video platform.

Hosting

Cheap shared hosting can be slow under load, and some builders limit image optimisation.

Things to check:

• Server location and CDN. A content delivery network stores copies of your images close to visitors. Many hosts and builders include one.
• Caching. Make sure repeat visitors do not re-download everything.
• Plan limits. Storage and bandwidth caps matter for image-heavy sites.
• Platform choice. Some website builders optimise images automatically, others leave it to you. Ask their support what they do.
• Plugins and scripts. Each added tool, tracker or widget costs loading time. Remove what you do not use.

Keep galleries for clients separate from your marketing site, in a gallery tool built for large files. ClickBook does not host galleries, so your client galleries stay in your gallery tool, and your website stays light.

Testing

Test before and after each change so you know what helped.

1. Run your key pages through a free speed test such as PageSpeed Insights.
2. Note the load time, the size of the page and the biggest images listed.
3. Test on a mid-range phone using mobile data, not just your own device on Wi-Fi.
4. Fix the biggest issue first. It is usually one or two huge images.
5. Test again.

Aim for steady improvement rather than a perfect score. A fast-feeling page matters more than a number.

Tie speed back to results. Tracking where leads come from tells you if the faster pages are bringing more enquiries. In ClickBook, leads from a website form, ads, Instagram and referrals sit in one list with the source and a tracked reply time, which helps you see whether site changes make a difference. See a demo for the lead list.

Speed also helps when you add content. If you plan a blog for SEO, keep the same image rules for every post. Good reviews and testimonials should be text, not large screenshots. And when you collect payments online, a light checkout page is easier to finish on mobile.

Mistakes to avoid

• Uploading camera originals.
• Autoplaying background video.
• Lazy-loading the top image.
• Installing many plugins you do not use.
• Testing only on a fast computer.

Frequently asked questions

Why is my photography website slow?

The usual cause is oversized images. Photos straight from the camera can be many megabytes each, and a page with a dozen of them takes a long time to load, especially on mobile.

What image size should I upload?

A long edge of about 2,000 pixels is enough for most web displays. Serve smaller versions to smaller screens if your platform supports it.

What is lazy loading?

It means images further down the page load only when the visitor scrolls near them. It makes the first view appear quicker.

How do I test my site speed?

Use a free tool such as PageSpeed Insights or the speed test built into your browser's developer tools, and test on a phone connection too.