{ "@context": "https://schema.org", "@type": "FAQPage", "mainEntity": [ { "@type": "Question", "name": "Does lazy loading improve Core Web Vitals?", "acceptedAnswer": { "@type": "Answer", "text": "Yes — it reduces initial load size, improving LCP and FID scores." } }, { "@type": "Question", "name": "Does native lazy loading require JavaScript?", "acceptedAnswer": { "@type": "Answer", "text": "No — HTML's loading='lazy' attribute enables it natively in modern browsers." } }, { "@type": "Question", "name": "Can lazy loading hurt SEO?", "acceptedAnswer": { "@type": "Answer", "text": "If implemented incorrectly, crawlers may not index below-the-fold content — test with Google Search Console." } } ] }
Definition

What Is Lazy Loading in Web Development?

A technique where images, videos, or components load only when they are about to enter the user's viewport, improving initial page load performance.

Related Terms

Page Speed

Core Web Vitals

LCP

Above the Fold

Accessibility (A11y)

Example

A case study page with 20 screenshots uses lazy loading so only the images near the top load initially — the rest load as the user scrolls.

Synonyms:

Deferred loading, On-demand loading

Acronyms:

-