Lazy loading speeds up the first display of a page and saves data on phones. It is standard on modern websites.
What it means in practice
Lazy loading is a technique in which images, videos or maps below the visible part of the screen load only when the user scrolls to them. At first, only what’s immediately visible is loaded.
Why it matters for your business
The page appears faster, uses less mobile data and scores better on Core Web Vitals. It matters especially on websites with project galleries.
Examples and good practice
- Use lazy loading for images below the first screen.
- Don’t use it for the main header image – that slows LCP.
- Specify image dimensions so the layout doesn’t jump.
- Load maps and videos only after a click.
How Novi handles it
Novi websites automatically apply lazy loading where it speeds things up, while main images load with priority.
