Images often make up a large part of page weight. Optimizing them is one of the most practical ways to improve speed without changing the message of the page.
Match display size
Do not upload a 3000-pixel image if it displays at 900 pixels. Resize images to match the layout and avoid sending unnecessary data to visitors.
Compress carefully
Compression reduces file size. Too little wastes bandwidth; too much hurts image quality. The best result balances appearance and speed.
Use modern formats when practical
WebP can often reduce file size while keeping good quality. JPEG, PNG, and WebP each have uses depending on the image type and transparency needs.
Do not lazy load the main hero image
Lazy loading is useful for images lower on the page. The main above-the-fold image often affects LCP and should load promptly.
WordPress tips
- Avoid inserting full-size images into posts.
- Review page builder background images.
- Compress uploads automatically when possible.
- Check mobile image sizes.
- Retest after optimization.