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.

Learn More About This Topic

JavaScript ES6+ Modern Features

Related reading

JavaScript Fundamentals

Related reading

Laravel Framework Fundamentals

Related reading

Related Terms

Static Site Generator (SSG)

A tool that generates a complete static HTML website from templates and content at build time, requiring no server-side processing.

Structured Data (Schema.org)

A standardized vocabulary for marking up web content so search engines can understand and display it as rich results.

A vocabulary for validating the structure and content of JSON data, ensuring API requests and responses conform to expected formats.

A technique for making asynchronous HTTP requests from a web page without reloading the entire page.

SSR (Server-Side Rendering)

A technique where web pages are rendered on the server and sent as complete HTML to the browser, improving SEO and initial load time.

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

View All Web Development Terms →