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

A communication protocol that enables full-duplex, real-time data exchange between a browser and server over a single connection.

A widely-used server-side scripting language designed for web development that powers over 75% of websites including WordPress.

The latest HTTP version that uses QUIC instead of TCP, providing faster connections and better performance on unreliable networks.

A high-performance RPC framework using Protocol Buffers and HTTP/2 for efficient service-to-service communication.

An XML file that lists all important URLs on a website, helping search engines discover and crawl content efficiently.

A query language for APIs that lets clients request exactly the data they need, reducing over-fetching and under-fetching.

View All Web Development Terms →