🎁 New User? Get 20% off your first purchase with code NEWUSER20 · ⚡ Instant download · 🔒 Secure checkout Register Now →
Menu

Categories

Web Development Beginner

What is Lazy Loading?

A technique that delays loading non-critical resources until they are needed, improving initial page load performance.

Lazy loading defers loading of off-screen images, videos, and code until the user scrolls near them. Native HTML supports this with loading="lazy" on img and iframe elements. JavaScript Intersection Observer API enables custom lazy loading.

Benefits include faster initial page load, reduced bandwidth usage, and lower server load. Code splitting (dynamic imports) applies lazy loading to JavaScript modules. Popular in infinite scroll implementations and image-heavy sites.

Related Terms

JSON Schema
A vocabulary for validating the structure and content of JSON data, ensuring API requests and responses conform to expected formats.
AJAX
A technique for making asynchronous HTTP requests from a web page without reloading the entire page.
CDN (Content Delivery Network)
A distributed network of servers that delivers web content to users from the geographically closest location.
SEO (Search Engine Optimization)
The practice of optimizing websites to rank higher in search engine results, increasing organic traffic.
Progressive Enhancement
A web design strategy that starts with basic functionality for all browsers and progressively adds advanced features for capable ones.
Server-Sent Events (SSE)
A web technology enabling servers to push real-time updates to browsers over a single HTTP connection, simpler than WebSockets.
 View All Web Development Terms →