Image Optimization Tips for Faster Website PerformanceImage Optimization Tips for Faster Website Performance
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Fix your images first
On a slow site, images are often the heaviest files on the page.
Fix them in this order: → Resize them to the size they're shown at (no 4000px photo in a 600px box) → Convert to WebP or AVIF → Lazy-load anything below the first screen → Give every image a width and height, so the page doesn't jump → Preload the hero image instead of lazy-loading it
How heavy is your hero image? Check it in your browser's DevTools and tell me the size below.
#WebsiteSpeed #PageSpeed #CoreWebVitals #WebPerformance #WordPress
Adil's avatar
Good order. I would add one thing from client sites, the hero is usually a 4000px upload used in a 600px box, and resizing it alone often fixes the LCP score. Preloading the hero instead of lazy loading it is the detail most people miss. Checking mine after this.
Back to feed
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started