Most images loaded immediately, even off-screen ones

Lazy loading is a technique where images below the visible part of the page are only downloaded when the visitor scrolls to them, rather than all at once on first load. Your site loads nearly all images immediately. Loading images the visitor hasn't seen yet wastes bandwidth and slows down the initial page load. This directly delays how quickly your page appears usable — a key factor in both user satisfaction and search ranking. Add loading="lazy" to the HTML of any image that does not appear in the first screen of the page. This is a single attribute change per image and requires no framework or build tool.