Lazy Load Placeholders

By default, the lazy loader will use blank placeholders. If the plugin can determine the image dimensions, it will use either a blank PNG or SVG of the same dimensions as the original. This helps browsers avoid "content re-flow" and allows them to better choose an appropriate image size on mobile devices. This works well for the majority of sites, but some feel that it gives a poor experience for visitors as they'll just see blank space if your images don't load quite quick enough. The visitor might scroll right by without ever seeing your image.

With Easy IO, you can use LQIP (low-quality image placeholders). This tells the plugin to generate a very small, blurred version of each image, so that your visitors know an image is inbound. Alternatively, you can use dominant-color placeholders (DCIP) through Easy IO. If an image is very small, or too large for LQIP, it will fall back to DCIP automatically.

You can enable either of these in the Lazy Load settings, or via an override in your wp-config.php file (somewhere after the first line with the opening PHP tag, and before the line that says to stop editing):

define( 'EWWW_IMAGE_OPTIMIZER_USE_LQIP', true ); // or
define( 'EWWW_IMAGE_OPTIMIZER_USE_DCIP', true );

By default, our plugin will generate PNG placeholders that are of the same dimensions as the original image, which helps make your pages more responsive (for mobile devices and such). Without Easy IO, this is done on your local server, and the placeholders are cached for future page loads. Larger PNG placeholders can use a bit of memory when they are first generated, so if you find yourself running out of memory, you can disable them:

define( 'EWWW_IMAGE_OPTIMIZER_USE_PIIP', false );

If you have a Compress API key, PNG placeholder generation will be automatically offloaded to our servers so that it doesn't use any memory on your site.