Lazy Loading Images

Background

Lazy loading reduces initial page load time by deferring off-screen image loading.

Problem

Add loading=lazy to images below the fold for automatic deferred loading.

Input

Images on a long page

Output

Deferred image loading

Sample tests

Input: img with loading=lazy

Expected: loaded when near viewport

Your solution

Learning objective

Learn performance optimization and native lazy loading