WP-Optimize
95Get caching and more with this powerful cache plugin. Cache, optimize images, clean your database and minify f...
Free
1M+ installs 4.8★ (2,606)
Dominant Colors Lazy Loading
This plugin allows you to lazy load your images while showing the dominant color of each image as a placeholder – like Pinterest or Google Images.
The facts
- Rating
- 5★ from 2
- Active installs
- 100+
- Price
- Free
- Last updated
- 13 Dec 2018
- Added
- Apr 2016
- Requires WP
- 4.4
- Tested up to
- WP 5.0.27
- Downloads
- 7,466
Our analysis
AI-assistedDominant Colors Lazy Loading is a WordPress plugin designed to improve image loading performance by lazy loading images and displaying their dominant colours as placeholders. This approach is similar to how Pinterest and Google Images handle image loading, aiming to save bandwidth and enhance user experience.
The plugin automatically calculates the dominant colour of images upon upload and replaces images in posts and pages with placeholders that load when they enter the viewport. It also supports galleries and allows for custom filters for lazy-loading thumbnails or featured images.
Best for: This plugin suits WordPress users looking to enhance site performance through image optimisation.
What it does well
- ✓Calculates dominant colour of images upon upload
- ✓Replaces images with placeholders that load on viewport entry
- ✓Supports galleries added via the default [gallery] shortcode
- ✓Allows custom filters for lazy-loading thumbnails
- ✓Fallback colour option for placeholders
Where it falls short
- •Last updated in December 2018, may not be fully compatible with newer WordPress versions
- •Limited information on support and updates
Verdict
Dominant Colors Lazy Loading offers a straightforward solution for lazy loading images while improving visual presentation. However, its age may raise concerns about ongoing support and compatibility.
From the developer
manuelwieser's own description of Dominant Colors Lazy Loading, lightly tidied.
This plugin allows you to lazy load your images while showing the dominant color of each image as a placeholder – like Pinterest or Google Images. It also enables you to use tiny thumbnails as placeholders. If you want to know how it works read the article Dominant Colors for Lazy-Loading Images, where I explain the general concept.
To ensure the quality of the plugin please let me know if you encounter any issues. I will reply swiftly and fix them as soon as possible!
Features
- The plugin calculates the dominant color of an image upon upload.
- All images attached to posts and pages are automatically replaced with placeholders and load as soon as they enter the viewport to save bandwidth.
- Galleries added via the default
[gallery]shortcode are also replaced and loaded as soon as they appear in the viewport. - A custom filter for lazy-loading thumbnails or featured images can be used in templates and themes (
apply_filters( 'dominant_colors', $image, $id )). - Dominant colors can be calculated for all existing attachments in the plugin settings.
- This has already been tested with thousands of images.
- Until the calculation is done you can specify a fallback color for your placeholders.
- All files that can’t be processed are listed during calculation and link to the particular attachment in the media library.
- SVG placeholders have the same pixel size and aspect ratio as the original images, instead of being a single square pixel. This way responsive images do not need a wrapper for preserving the original aspect ratio.
- GIF placeholders are small and have great browser compatibility. They also enable you to use tiny thumbnails as described on manu.ninja for your images.
- You can set the resolution of tiny thumbnails to 3×3 pixels (120 bytes), 4×4 pixels (128 bytes) or 5×5 pixels (204 bytes).
Demo
You can see the plugin live at http://www.karriere.at/blog/.
Tagged as
purpose
Performance & Speed
Alternatives
Other plugins for making sites fast.
All-in-one unbeatable acceleration & PageSpeed improvement: caching, image/CSS/JS optimization...
Free
7M+ installs 4.8★ (2,764)
Comprehensive image optimization with WebP, AVIF, Lazy Load, and more. Optimize images automatically for Faste...
Free
1M+ installs 4.8★ (1,838)
Easy to use Under Construction Page & Coming Soon Page. Enable Under Construction Mode in seconds & sh...
Free
600k+ installs 4.8★ (1,285)
Smush
93Compress and optimize images, enable lazy load, serve WebP & AVIF, and speed up your site with a global im...
Free
1M+ installs 4.8★ (6,051)
Speed up your website by using our WebP & AVIF Converter. Optimize images and serve WebP and AVIF images i...
Free
500k+ installs 4.9★ (1,097)