How to lazyload a background image?

In case you want to lazyload a background image via a class you can do so by using the addClasses option: .bg-stage.lazyloaded { background-image: url(lazyloaded-bg.jpg); }

by Processby 4.4 (24 reviews)

Lazy Load Optimizer

Name: Lazy Load Optimizer
Rating: 4.4 (24 reviews)
Author: Processby

Lazy loading images and iframes to speed up sites page load speed.

Lazy Load Optimizer ranks #4,122 among WordPress.org plugins with 3,000+ active installations, a 4.4/5 rating from 24 reviews, and was last updated Jan 16, 2021. Data from WordPress.org, refreshed twice daily — see methodology.

Tested up to WP 5.6 (Current: 7.1)

vtrunk Current Version vtrunk

Updated 5 years ago Last Update on 16 Jan, 2021

Refreshed 11 hours ago Last Refreshed on

Top 5% by installs No update in over a year

View on WordPress.org

Rank

#4,122

— No change

Active Installs

3K+

-21.3%

KW Avg Position

— No change

Downloads

81.4K

+6 today

Support Resolved

— No change

Rating

88%

Review 4.4 out of 5

4.4 (24 reviews)

Next Milestone 4K

Total Progress 80.7%

3K+ 4K+

474

Ranks to Climb

Growth Needed

8,000,000

Active Installs

Pro

Unlock Exact Install Count

See the precise estimated active installs for this plugin, calculated from real-time ranking data.

Exact install estimates within tiers
Track install growth over time
Milestone progress predictions

Upgrade to Pro

Need 193 more installs to reach 4K+

Rank Changes

Current #4,122

Change

Best #

Upgrade to Pro

Unlock 30-day and 90-day rank history charts with a Pro subscription.

Upgrade Now

Active Installs Growth

Upgrade to Pro

Active Installs 0,000,000+

Growth +0.0%

Peak 0,000,000

Downloads Growth

Downloads

Growth

Peak

Upgrade to Pro

Unlock 30-day, 90-day, and yearly download history charts with a Pro subscription.

Upgrade Now

Reviews & Ratings

4.4

24 reviews

Overall 88%

19 (79%)

1 (4%)

0 (0%)

3 (13%)

Security History

Source: WPVulnerability

1 known vulnerability on record · 1 in the last 24 months · checked 3 days ago

Jul 28, 2025 UNPATCHED

Lazy Load Optimizer [lazy-load-optimizer] <= 1.4.7 (unfixed)

CVE-2025-60074 · No fix released

Track This Plugin

Get detailed analytics, keyword tracking, and position alerts delivered to your inbox.

Start Tracking Free

Plugin Details

Version: trunk
Last Updated: Jan 16, 2021
Requires WP: 4.0+
Tested Up To: 5.6
PHP Version: 5.6 or higher
Author: Processby

Support & Rating

Rating: ★ ★ ★ ★ ☆ 4.4
Reviews: 24
Support Threads: 0
Resolved: 0%

Keywords

Lazy Loading Optimize image lazy load lazy load lazyload

Upgrade to Pro

Unlock keyword rankings, search positions, and detailed analytics with a Pro subscription.

Upgrade Now

Similar Plugins

Adminify – White Label, Admin Menu Editor, Login Customizer

6K+ installs

#2,751

Master Addons for Elementor – Elementor Addons, Widgets, Mega Menu Builder, Popup Builder, Widget Builder & Template Kits

30K+ installs

#1,006

TL;DR

AI summary of the plugin's readme

This plugin is for WordPress site owners, including those running WooCommerce stores, who want faster page load times. It solves slow page loads by lazy loading images, image galleries, widgets, and iframes so offscreen content isn't loaded until needed.

Lazy loads images in posts/pages
Lazy loading for custom post types
Lazy loading in text widgets
Lazy loads image galleries
Lazy loading image widget
Lazy loads WooCommerce product images
Lazy loads product category images
Lazy loading iframes

Frequently Asked Questions

Common questions about Lazy Load Optimizer

Just activate the plugin. Additional settings is not required.

Lazy loading is the strategy of loading resources as they are needed, rather than in advance. This approach frees up resources during the initial page load and avoids loading assets that are never used. Images that are offscreen during the initial pageload are ideal candidates for this technique.

Add width and height attributes to image. <img width="200" height="100" src="image.jpg">

In case you want to lazyload a background image via a class you can do so by using the addClasses option: <style> .bg-stage.lazyloaded { background-image: url(lazyloaded-bg.jpg); } </style> <div class="bg-stage lazyload">  </div>