Website Image Optimization: The Workflow for Fast Sites

If your website is slow, the culprit is almost certainly images. Not your hosting, not some mysterious code problem: images. Proper website image optimization routinely cuts page weight by 70 to 90 percent, and it's the single highest-impact speed fix for most business sites in Nepal, where a large share of your visitors arrive on 4G mobile data with patience measured in seconds.

Here's the workflow we use at WebsNP on every build, explained so you can apply it yourself or check whether your designer did.

Step 1: Size images to the space they fill

A phone camera produces photos around 4000 pixels wide. The slot on your website might display 800 pixels. Uploading the original means sending five times the pixels anyone will ever see, on every visit, forever. Resize before uploading: roughly 1600 to 1920 pixels wide for full-width hero images, 800 for content images, 400 for thumbnails. Free tools like Squoosh (a Google web app, no install) do this in seconds.

Step 2: Convert to WebP

WebP is a modern image format that looks identical to JPEG at half the file size or better, and every browser your customers use supports it now. A 2.5 MB JPEG typically becomes a 150 to 300 KB WebP with no visible difference. Squoosh converts one at a time; WordPress plugins can convert your whole library automatically. If your site was built before 2023 and nobody has touched the images since, this one change might halve your load time.

Step 3: Name files like a human, then add alt text

Google reads file names. "IMG_20260514_093412.jpg" says nothing; "thamel-boutique-hotel-deluxe-room.webp" says everything, and can pull image-search traffic on its own. Use lowercase words separated by hyphens. Then add alt text in your CMS: one honest sentence describing the image, with a keyword where it genuinely fits. Alt text also serves visually impaired visitors and screen readers, so don't stuff it.

A side note on format choices: photos become WebP, but logos and icons should usually be SVG, a vector format that stays razor sharp at any size and often weighs under 10 KB. Uploading your logo as a fuzzy 500 KB PNG is a small crime we correct on nearly every rebuild.

Step 4: Lazy load everything below the fold

Lazy loading means images further down the page only download when the visitor scrolls near them. The visitor sees the top of your page fast; the rest of the images load quietly as needed. Modern WordPress does this by default, and a competent developer adds one small attribute to handle it on custom sites. The exception: never lazy load your main hero image. That one should load immediately, or your Core Web Vitals suffer.

Step 5: Let the server help

Good hosting caches images and serves them compressed, so repeat visitors barely download anything. This is one reason we host client sites on our own NVMe servers with caching configured, included free for the first year with every WebsNP website package. The same optimized image loads noticeably faster from a fast disk in a well-configured server than from an overloaded budget shared box.

A quick real-world number

A Pokhara hotel site came to us at 11 MB per page: forty original camera photos, straight uploads. After resizing, WebP conversion and lazy loading, the homepage weighed 900 KB and loaded in under 3 seconds on 4G instead of 15. Bookings enquiries went up within the month. Nothing else changed.

Image optimization is part of the full on-page SEO included in every WebsNP build: we resize, convert, rename and lazy load every image before launch, then hand you a recorded training video so your future uploads stay fast too. Fixed quote within 24 hours, most sites delivered in 2 to 7 days. Fast is a habit, and it starts with the images.