Pages load every image on first request, even below the fold.
Lazy loading delays images until they come into view. Native HTML loading="lazy" works in every modern browser since 2020, no plugin needed.
Try this first
- 1Add loading="lazy" to every <img> and <iframe> below the fold. Above-the-fold images get loading="eager" or no attribute.
- 2WordPress: this happens automatically since 5.5. Check a random page source: img tags should carry loading="lazy".
- 3Webflow: lazy load is default for images in normal image elements. Background images aren't auto; use Webflow's interaction trigger.
- 4Iframes (YouTube embeds, Google Maps) are the heaviest resources on marketing pages. loading="lazy" plus a facade (poster image plus click-to-load) saves hundreds of KB.
- 5Test in devtools > Network: scroll slowly downward, images load when they enter the viewport.
- 6Keep eager for the LCP image: your hero shouldn't be lazy, PSI scores it as bad. Eager or fetchpriority="high" is better.
When to bring us in
Long-form blog or portfolio with dozens of images per page? A specialised image CDN (Cloudflare Images, ImageKit, Bunny Optimizer) pays back more than plugins long-term.
See also
- WordPress, plugins and theme have gone 6+ months without updatesOut-of-date WP is the number-one entry for malware. Don't just hit 'update all', back up first.
- Theme update broke the layout or threw a fatal errorThemes overwrite custom CSS on update unless you use a child theme.
- WordPress shows a blank screen after a plugin install or updateWSOD (white screen of death) is usually one crashing plugin. You isolate it.
None of the above fits?
Describe your situation below. We pass your input plus the steps you already saw to our AI and return tailored next-step advice. If it's too risky to DIY, we'll say so.
Or skip the DIY entirely
Our Managed IT clients do not look these things up. One point of contact, a fixed monthly price, resolved within working hours.