# Lazy Loading

> Load images, videos, and iframes only when visitors scroll to them. Dramatically reduce initial page weight and speed up first contentful paint.

- Canonical: <https://royalplugins.com/forgecache/features/lazy-loading/>
- HTML version: <https://royalplugins.com/forgecache/features/lazy-loading/>

---

- [Overview](https://royalplugins.com/forgecache/)
- [Features](https://royalplugins.com/forgecache/features/)

  [All Features](https://royalplugins.com/forgecache/features/)
  [Agent Tier](https://royalplugins.com/forgecache/features/agent-tier/)
  [Page Caching](https://royalplugins.com/forgecache/features/page-caching/)
  [CSS & JS Optimization](https://royalplugins.com/forgecache/features/css-js-optimization/)
  [Lazy Loading](https://royalplugins.com/forgecache/features/lazy-loading/)
  [CDN Integration](https://royalplugins.com/forgecache/features/cdn-integration/)
  [Database Cleanup](https://royalplugins.com/forgecache/features/database-cleanup/)
  [Page Optimizer](https://royalplugins.com/forgecache/features/page-optimizer/)
- [Compare](https://royalplugins.com/forgecache/vs-wp-rocket/)

  [vs WP Rocket](https://royalplugins.com/forgecache/vs-wp-rocket/)
  [vs LiteSpeed Cache](https://royalplugins.com/forgecache/vs-litespeed-cache/)
  [vs W3 Total Cache](https://royalplugins.com/forgecache/vs-w3-total-cache/)
  [vs WP Super Cache](https://royalplugins.com/forgecache/vs-wp-super-cache/)
  [vs NitroPack](https://royalplugins.com/forgecache/vs-nitropack/)
- [Pricing](https://royalplugins.com/forgecache/pricing/)
- [Docs](https://royalplugins.com/support/forgecache/)

Overview
All Features
— Agent Tier
— Page Caching
— CSS & JS Optimization
— Lazy Loading
— CDN Integration
— Database Cleanup
— Page Optimizer
Compare
— vs WP Rocket
— vs LiteSpeed Cache
— vs W3 Total Cache
— vs WP Super Cache
— vs NitroPack
Pricing
Docs

Load images, videos, and iframes only when visitors scroll to them. Dramatically reduce initial page weight and speed up first contentful paint.

[Get ForgeCache Premium](https://royalplugins.com/forgecache/pricing/)

Media Types

## What Gets Lazy Loaded

ForgeCache intelligently handles all types of heavy media content on your pages.

By Jameson · Founder & Lead Developer

### Images

All img tags load on scroll - no configuration needed

### YouTube Videos

Defer video players until clicked for huge savings

### Iframes

Google Maps, embeds load only on demand

### Background Images

CSS backgrounds lazy loaded too

### Responsive Images

srcset handled correctly for all screen sizes

Performance Gains

## Key Benefits

Lazy loading is one of the most effective performance optimizations you can make.

### Faster Initial Load

Only load what's visible above the fold. Your pages render in a fraction of the time because the browser isn't downloading dozens of off-screen images.

### Less Bandwidth

Users don't download unseen content. If someone only reads your intro, they won't waste bandwidth on images at the bottom of the page.

### Better LCP Score

Prioritize above-the-fold content for Largest Contentful Paint. Your Core Web Vitals improve because critical content loads first.

### Improved Mobile Experience

Critical on slow connections. Mobile users on 3G or spotty WiFi will thank you when pages load instantly instead of waiting for megabytes of images.

The Process

## How It Works

ForgeCache's lazy loading is automatic and seamless.

1

### Detection

Identifies images, videos, and iframes in your content automatically. No manual tagging required.

2

### Placeholder

Replaces heavy media with lightweight placeholders. Maintains layout while saving bandwidth.

3

### Load on Scroll

IntersectionObserver triggers actual load when content enters viewport. Smooth and efficient.

Modern & Reliable

## Native Browser Support

Built on modern web standards for maximum compatibility and performance.

#### loading="lazy"

Uses native browser lazy loading where supported for best performance.

#### JavaScript Fallback

Falls back to JavaScript for older browsers. Everyone gets the benefits.

#### No jQuery

Zero jQuery dependency. Lightweight vanilla JavaScript that won't slow you down.

FAQ

## Lazy Loading Questions

No. ForgeCache uses the native loading="lazy" attribute and Intersection Observer API, which Google fully supports. Above-the-fold images load immediately, and search engines can still crawl all your images.

Yes. You can add class="no-lazyload" to any image to exclude it. This is useful for hero images, logos, or any images that should load immediately.

Yes. ForgeCache works with Elementor, Divi, Beaver Builder, WPBakery, and other popular page builders. Images within builder elements are lazy loaded automatically.

Lazy loading currently works with <img> tags, iframes, and videos. CSS background images are not lazy loaded by default, but we're exploring options for a future release.

## Load Smarter, Not Harder

Get ForgeCache Premium and lazy load your heavy media. Faster pages, happier visitors.

[Get ForgeCache Premium](https://royalplugins.com/forgecache/pricing/)