Lazy loading defers loading of off-screen content until the user scrolls near it. For images: add loading="lazy" to img tags. For JavaScript: use dynamic import(). Benefits: faster initial page load, reduced bandwidth for users who do not scroll, better Core Web Vitals (LCP). Native browser support for image lazy loading is universal in modern browsers.
glossary2 min read
Lazy Loading
Lazy loading delays loading images and resources until they are needed.
Try these tools
More glossary articles
What is WebP?
WebP is a modern image format by Google offering superior compression. Learn when and how to use WebP images.
What is HEIC?
HEIC is the default photo format on iPhones. Learn what it is, why Apple uses it, and how to convert it.
What is JSON?
JSON (JavaScript Object Notation) is the standard data format for web APIs. Learn the syntax and common uses.
What is Regex?
Regular expressions (regex) are patterns for matching text. Learn the basics and common use cases.