[SEO] Implement lazy loading (loading="lazy") on all images to fix crawl budget

[ImadSaddik]

Problem

According to Google Search Console data (Feb 2026), Googlebot is spending 42% of its crawl budget downloading images and only 6% parsing HTML. This is preventing new blog posts from being indexed ("Discovered - currently not indexed").

Goal

Defer the loading of off-screen images so that browsers and bots prioritize loading the HTML text content first.

Implementation details

Apply loading="lazy" to every image below the viewport.

<img ... loading="lazy" />

Create a new component to reduce the number of places where you should apply loading="lazy"

Note

Leave images in viewport alone.