Photographer websites: portfolios that load fast on phones

A photographer's website lives or dies by its portfolio, and the portfolio is usually seen on a phone, often on a cellular connection. A fast portfolio is a short one, built from images exported at sensible sizes and grouped by the kind of session a client wants. Fewer, better, lighter pictures do more for bookings than a giant gallery that takes ages to appear.

Why photographer sites are often slow

Photographers care about image quality, so they upload full-resolution files straight from their editing software. A single photo from a modern camera can be many megabytes. A gallery of forty of those can take a long time to load on a phone, and the visitor sees grey boxes or a spinning wheel instead of your work.

Website builders try to shrink images automatically, and some do it well. Others still send far more than the phone needs. You can check yours in a minute: run your portfolio page through PageSpeed Insights, look at the mobile result, and read the suggestions about images. You do not need to chase a perfect score; you want to know if images are the problem.

Choose fewer, better images

Before touching file sizes, cut. A tight portfolio loads faster and also looks more confident.

Pick 15 to 25 images per gallery, not 80. Visitors rarely scroll past the first screens anyway.
Lead with your three strongest, the ones you most want to be hired to repeat.
Show variety inside the type: close-ups and wide shots, posed and candid, different light.
Remove near-duplicates. Two frames from the same moment weaken both.
Drop old work that no longer matches how you shoot. Clients book the style they see.

A useful test: if a stranger saw only this gallery, would they know exactly what a session with you produces? If one image would confuse them, take it out.

Export images at sizes that make sense

You do not need to be technical to get this right. Export copies for the web, separate from your originals:

Long edge around 2000 pixels is plenty for a full-screen image on most laptops and all phones. Many photographers use somewhat less for gallery grids.
JPEG at a quality setting around the upper middle of the slider (in Lightroom, roughly 70 to 80) usually looks identical to the eye and is a fraction of the size.
sRGB color space, so colors look right in every browser.
Strip unnecessary metadata if your export tool offers it (keep your copyright).
Name files plainly, such as family-session-riverside-park-1.jpg, rather than DSC_4471.jpg. That helps Google understand the image.

If your site builder creates smaller versions automatically, still upload these web copies, not the camera originals. The builder then has less to do and visitors get the image faster. Making images smaller so your website loads faster explains the same idea for any business.

Organize galleries by session type

Clients search for the session they need, not for "portfolio". Group your work the way they think:

Newborn
Family
Seniors
Headshots and branding
Events
Weddings, if you shoot them

Each gallery should have a short line at the top: what this kind of session is, where it usually happens, and a link to the details and pricing for it. At the bottom, a button to inquire about that session type, ideally with the form already set to it.

Avoid one big mixed gallery with filters. Filters are fiddly with a thumb, and a mixed grid of babies, corporate headshots and car shows makes it hard for any one client to see themselves in your work.

Gallery layout on a phone

What looks elegant on a big screen can be awkward on a small one. Check these on your own phone:

The first image appears quickly and is one of your best.
Images are large enough to see. Tiny thumbnails in a four-column grid are useless on a phone; one or two columns work better.
Tapping opens a full-screen view you can swipe through, and the close button is easy to hit.
Nothing starts playing on its own: no slideshow you cannot stop, no music.
Vertical images are not cropped awkwardly into squares that cut off heads.

Lazy loading, where images further down the page load only as the visitor scrolls, is now standard in most builders and browsers. If yours offers it as a setting, turn it on.

Client galleries are a different thing

The portfolio on your website is for strangers deciding whether to hire you. The full gallery you deliver to a client is private and belongs in a proofing or delivery service (Pixieset, ShootProof, Pic-Time and similar). Link to your client gallery login from the site menu or footer, but keep delivered sessions out of your public portfolio unless the client has agreed and the images are your best.

From portfolio to booking

The path from "I love these" to "I booked" should be one or two taps:

A "Check availability" or "Ask about a session" button under every gallery
A short form: name, email, session type, preferred dates, location, and a question box
Your phone number and email as tappable links for people who prefer them
A line saying when you reply

If you take bookings with a deposit through a scheduling tool, link directly to that session type's booking page. For the choices, see booking tools for service businesses compared. What else a photographer's site should include beyond the portfolio is covered in what a photographer website needs.

A one-hour portfolio tune-up

Run your portfolio page through PageSpeed Insights on mobile and note what it says about images.
Cut each gallery to your best 15 to 25 frames.
Re-export them from a "web" preset at a sensible size and re-upload.
Rename files with plain words before uploading.
Add a short line at the top and an inquiry button at the bottom of each gallery.
Open every gallery on your phone, on cellular data, and swipe through.

If your current site is slow and the builder fights you at every step, you can see your site rebuilt first with your own images, sized for phones, and decide then.