LazyBlur Placeholder Addon For WP Rocket Wordpress Plugin - Rating, Reviews, Demo & Download
Plugin Description
You satisfied Google’s performance guidance by lazy-loading offscreen images, but visitors may still see empty image areas while those files load. LazyBlur Placeholder Addon for WP Rocket fills those spaces with a tiny preview of the final image.
The plugin uses the Low Quality Image Placeholder (LQIP) technique. It generates a small image when media is uploaded, stores it as a base64 data URI, and displays it through WP-Rocket’s LazyLoad markup until the full image is ready. The preview then sharpens into the final image with a one-second transition.
This improves perceived loading and gives visitors visual context immediately. It complements image lazy loading and Core Web Vitals work; it does not guarantee search rankings or performance scores.
Features
- Generates LQIP data automatically for new Media Library images.
- Backfills placeholders for images uploaded before activation.
- Works with WP-Rocket JavaScript and native image lazy loading.
- Supports JPEG, PNG, GIF, and WebP attachments.
- Resolves responsive sizes, scaled originals, and CDN-hosted uploads.
- Optionally adds a placeholder to the first above-the-fold image.
- Preserves responsive
srcsetdata and provides no-JavaScript fallbacks. - Applies an accessible reduced-motion-safe fade from preview to full image.
- Caches local LQIP previews for WP-Rocket YouTube placeholders.
- Provides coverage statistics, integration checks, and a live preview.
- Includes filters for custom attachment resolution and final image markup.
SEO and user experience
Lazy loading helps reduce initial page weight, but an empty placeholder can make a page feel unfinished. LQIP keeps the layout visually populated while deferred images load, helping users understand the page sooner.
The plugin preserves image dimensions and responsive sources. The optional first-image setting is disabled by default because replacing an above-the-fold image can affect Largest Contentful Paint. Test that option against your own Core Web Vitals data before enabling it in production.
Requirements
- WordPress 5.6 or later.
- PHP 7.4 or later.
- WP-Rocket with LazyLoad for images enabled to display image placeholders.
- WP-Rocket LazyLoad for iframes and videos, plus YouTube preview replacement, for YouTube LQIP support.
External services
The optional YouTube preview feature requests thumbnail images from i.ytimg.com using the video ID already present in the page content. The thumbnail is downloaded when a post is saved or through a scheduled background task, then stored locally in the WordPress Media Library.
This service is provided by YouTube/Google and is subject to the YouTube Terms of Service and Google Privacy Policy. No request is made when YouTube preview support is disabled or no YouTube video is present.
Screenshots
Image placeholder settings, including width, quality, and first-image controls.
Media Library coverage statistics and the backfill tool.
Side-by-side placeholder and full-image preview.
WP-Rocket integration requirements and YouTube preview settings.
