Images are 60–70% of a typical page's weight. Optimizing them is the single biggest speed win available to every website owner — here is the complete habit.
The rules 1. WebP format: 25–50% smaller than JPEG at the same quality. Every modern browser supports it 2. Resize BEFORE upload: an image displayed at 800px wide does not need to be 4000px. Export at 2x display size max 3. Compress: quality 75–80 WebP is visually identical to the original for web use 4. Screenshots: PNG only for text-sharp graphics; photos are always JPEG/WebP territory
The free tools - squoosh.app: browser-based, drag-drop, compare before/after visually — the one tool to learn - WordPress: LiteSpeed Cache or ShortPixel plugin converts on upload automatically - Batch: ImageMagick command line for the brave, or XnConvert for GUI bulk jobs
The targets - Hero image: ≤150KB (full-width WebP at 1600px) - Product/content image: ≤80KB (800–1200px) - Thumbnails: ≤20KB A whole page should ship under 500KB of images — most Pakistani sites currently ship 5MB.
The before/after reality Typical result after one hour of WebP conversion on a store with 100 products: page weight drops from 4.8MB to 1.6MB. On Pakistani 4G, that is 3+ seconds saved — the difference between bounce and browse.
Do it once for existing content, enable auto-conversion for new uploads, and your site stays fast forever. This habit outranks any hosting upgrade — though on NVMe hosting with caching, it compounds.