What Lazy Loading Placeholders Do in Smush

Lazy loading placeholders are low-quality preview images that appear while your real images are still loading. When you turn on this feature in Smush, visitors see a blurry or pixelated version of each image first, then the sharp version loads in behind it. This keeps the page from looking broken during the load and makes the site feel faster, even if the actual load time hasn't changed.

Smush is a WordPress plugin that compresses and optimizes images. The lazy loading placeholder feature lives inside Smush's settings and works alongside the plugin's main image compression. You don't need a separate tool — it's built in, and the setup takes about five minutes once you know where to look.

Key Takeaways

  • Lazy loading placeholders show a blurry preview image while the real image loads, making pages feel faster to visitors.
  • The feature is turned on in Smush's settings under Lazy Load, not in your WordPress media library or image blocks.
  • You choose between LQIP (low-quality image placeholder) and blur effect, depending on how much server load you want to trade for visual polish.
  • After you turn on lazy loading, existing images on old posts won't show placeholders unless you regenerate thumbnails or re-upload them.
  • Lazy loading placeholders work best on pages with many images, like photo galleries or blog archives, and have little effect on pages with one or two images.

Finding the Lazy Load Settings in Smush

Open WordPress and go to the left sidebar. Click Smush, then click Settings. You'll see several tabs across the top of the page: Lazy Load is usually the second or third one. Click it.

If you don't see a Lazy Load tab, your version of Smush may be outdated or you may have the free version with limited features. The free version of Smush includes basic image compression but not all lazy loading options. Check that Smush is up to date by going to Plugins in the sidebar, finding Smush in the list, and looking for an "Update" button. If you see one, click it and wait for the update to finish.

Turning On Lazy Loading and Choosing a Placeholder Style

In the Lazy Load tab, you'll see a toggle or checkbox that says something like "Enable Lazy Loading" or "Lazy Load Images". Click it to turn the feature on. The page will expand to show more options below.

You'll see at least two choices for how placeholders look: LQIP (Low-Quality Image Placeholder) and Blur. LQIP shows a tiny, pixelated version of the real image — it's lightweight and loads fast. Blur shows a solid color or a very blurry version of the image. Choose LQIP if you want the preview to actually look like the image coming. Choose Blur if you want something simpler and less demanding on your server.

Some versions of Smush also let you set a background color for the placeholder. If you see that option, you can leave it as the default or pick a color that matches your site's background. This prevents a jarring flash of white or another color while the image loads.

Adjusting Lazy Load Thresholds and Exclusions

Below the placeholder style, you may see a setting called "Threshold" or "Load Threshold". This controls how far down the page a visitor has to scroll before Smush starts loading images. The default is usually 300 pixels, which means images start loading when they're about 300 pixels below the bottom of the screen. You can leave this as is — it's a safe middle ground that doesn't load images too early or too late.

You may also see an option to exclude certain images from lazy loading. This is useful if you have a logo or a critical image at the top of the page that you want to load when ready, without a placeholder. If you see this option and want to use it, you'll need to add the image by its class name or ID — this requires knowing some basic HTML or CSS. For most sites, you can skip this and lazy load everything.

Saving Your Changes and Testing

After you've chosen your placeholder style and adjusted any thresholds, scroll to the bottom of the Lazy Load tab and click Save Changes or Update. The page will reload and Smush will explore lazy loading to new images you upload from that point forward.

To test it, open one of your pages or posts in a new browser tab. Open your browser's developer tools by pressing F12 (or right-click and select "Inspect"). Go to the Network tab. Scroll down the page slowly and watch the images load. You should see the placeholder appear first, then the real image load behind it. If you see the real image load when ready without a placeholder, either lazy loading didn't turn on, or the image was already cached in your browser. Clear your browser cache and try again.

Regenerating Thumbnails for Existing Images

Lazy loading placeholders only work on images uploaded after you turned on the feature. Images you uploaded before turning on lazy loading won't show placeholders unless you regenerate their thumbnails. This tells WordPress to create new versions of those images with the placeholder data included.

To regenerate thumbnails, install the free plugin Regenerate Thumbnails from the WordPress plugin directory. Go to Plugins in the sidebar, click Add New, search for "Regenerate Thumbnails", and click Install Now, then set up. Once it's active, go to Tools in the sidebar and click Regenerate Thumbnails. Click the button to start the process. This can take several minutes if you have many images. Don't close the page or navigate away while it's running.

After regeneration finishes, go back to your pages and posts. The old images should now show placeholders when they load.

Troubleshooting Common Placeholder Issues

If placeholders aren't showing up, first check that lazy loading is actually turned on. Go back to Smush Settings, click the Lazy Load tab, and confirm the toggle is switched on. If it is, clear your browser cache (Ctrl+Shift+Delete on Windows, Cmd+Shift+Delete on Mac) and reload the page. Browser cache can hide changes for several minutes.

If placeholders are showing but look broken or distorted, you may have a conflict with another plugin or your theme. Try temporarily deactivating other image or performance plugins (like Jetpack, WP Rocket, or Cloudflare) and see if the placeholders improve. If they do, one of those plugins is interfering. You can usually fix this by adjusting the load order in Smush settings or by disabling lazy loading in the conflicting plugin.

If your site is very slow even with lazy loading on, the placeholder style you chose may be too demanding. Switch from LQIP to Blur, which uses less server processing. You can also lower the threshold number so images load later, reducing the number of images processing at once.

When Lazy Loading Placeholders Make the Most Difference

Lazy loading placeholders help most on pages with many images — photo galleries, blog archives, portfolio pages, or product listings. On a page with one or two images, the effect is barely noticeable. On a page with 20 or 30 images, visitors will see a real improvement in how fast the page feels.

Placeholders also help more on slower connections. Visitors on mobile networks or older connections will see the blurry preview load almost when ready, then the real image fill in a moment later. On fast connections, the difference is smaller. Either way, the page never looks broken or blank while images are loading.

Frequently Asked Questions

Do lazy loading placeholders slow down my site?

No. Placeholders are tiny files that load when ready. They actually reduce the load on your server because images load only when visitors scroll to them, not all at once when the page opens. The trade-off is that your server has to generate the placeholder images, which takes a small amount of processing power — but this happens once, when you upload the image.

Will lazy loading placeholders work on images in my theme header or logo?

Yes, but you probably don't want them to. Logos and headers should load when ready so the page doesn't look broken at the top. Use Smush's exclusion option to turn off lazy loading for those specific images, or manually exclude them by adding a class name to the image in your theme code.

What's the difference between LQIP and Blur?

LQIP shows a tiny, pixelated version of the actual image, so visitors get a preview of what's coming. Blur shows a solid color or very blurry version. LQIP looks more polished but uses slightly more server resources. Blur is simpler and faster to generate. Choose based on how much your site can handle and how much visual polish you want.

Can I turn off lazy loading for just one image?

Yes, if your theme or page builder supports it. In the block editor, click the image, look for an option called "Lazy Load" or "Loading", and set it to "Eager" or "Disabled". In older WordPress editors or custom code, add the attribute loading="eager" to the image tag. Not all themes support this, so check your theme documentation first.

Do I need to do anything after turning on lazy loading?

New images will have placeholders automatically. Old images won't unless you regenerate thumbnails using the Regenerate Thumbnails plugin. This is optional — your site will work fine without it, but old images won't show the placeholder effect.