Linux 软件免费装

在这里免费安装WordPress以及其他软件

Banner图

LazyBlur Placeholder Addon for WP Rocket

开发者 alihs123
更新时间 2026年10月2日 16:47
PHP版本: 7.4 及以上
WordPress版本: 7.1
版权: GPLv2 or later
版权网址: 版权信息

标签

performance images lazy loading wp-rocket lqip

下载

1.0.0

详情介绍:

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 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

安装:

  1. Upload the lazyblur-for-wp-rocket folder to /wp-content/plugins/, or install the plugin ZIP through Plugins > Add New > Upload Plugin.
  2. Activate LazyBlur Placeholder Addon for WP Rocket.
  3. In WP-Rocket, enable LazyLoad for images under Settings > WP-Rocket > Media.
  4. Open Settings > LazyBlur.
  5. Configure placeholder width and compression quality.
  6. Run the backfill tool if the Media Library contains images uploaded before activation.
  7. Clear the WP-Rocket cache and test the front end while logged out.

屏幕截图:

  • Media Library coverage statistics and the backfill tool.
  • Side-by-side placeholder and full-image preview.
  • WP-Rocket integration requirements and YouTube preview settings.

常见问题:

Does this replace WP-Rocket?

No. This plugin extends WP-Rocket's LazyLoad output. WP-Rocket remains responsible for deciding which images are lazy-loaded and when the full files are loaded.

What problem does LQIP solve?

Standard lazy loading can leave an empty or generic placeholder before an image enters the viewport. LQIP displays a recognizable, lightweight preview during that interval.

Are placeholders generated for existing images?

Use the backfill tool under Settings > LazyBlur. It processes the Media Library in small batches to reduce timeout risk.

Does it work with CDN or resized image URLs?

Yes. The plugin resolves WordPress intermediate sizes, -scaled originals, and upload paths served from a different CDN hostname.

Can it add a placeholder to the first image?

Yes. Enable Include the first image in the settings. This option can affect Largest Contentful Paint, so measure the result before using it on a production site.

Does it support native lazy loading?

Yes. The real src and srcset are restored near the viewport using a small IntersectionObserver script. A no-JavaScript fallback retains access to the original image.

What happens when JavaScript is disabled?

Images converted by the native or first-image modes include their original markup in a noscript fallback.

Can developers customize the output?

Use wrlqip_final_image_html to filter completed image markup. Use wrlqip_pre_attachment_id_from_url to provide an attachment ID for custom CDN or offload URLs.

更新日志:

1.0.0