Better Image Loading

This plugin was inspired by Medium, it makes images load better on page paint. Providing a ‘blurred’ version of the image at the correct scale, then fading the true image in once loaded.
It works by default on all post featured images leveraging the WordPress post_thumbnail_html filter.

For inline images the plugin searches through your post content and refactors the image for better loading.

NOTE:
You may need to regenerate thumbnails to create the blurred image for each attachment image. We recommend using the Regenerate Thumbnails plugin.
This plugin is designed to accommodate the image dimension ratio of the full size version. If you are using cropped images you may experience resizing issues.

Roadmap

0.3.2

1. Ability to turn off better image loading for post/page content

0.3.3

1. Ability to select if you want a blurred image or a single color image like Google Images

0.3.4

1. Load larger images only when in view

1. Download the plugin and unzip it.
2. Upload the folder better-image-loading/ to your /wp-content/plugins/ folder.
3. Activate the plugin from your WordPress admin panel.
4. Installation finished.
5. I recommend you regenerate all thumbnails if your media library is not empty.

None yet!

0.3.7

• Fixed warning with newer versions of WooCommerce

0.3.6

• Added CSS blur effect to loading images

0.3.5

• Further performance improvements

0.3.4

• Performance improvements

0.3.3

• Removed neglected code

0.3.2

• Fixed issue with getting attachment id from url

0.3.1

• JavaScript update to fix margins moving things around

0.3.0

• Partial rewrite
• Added support for WooCommerce
• Improved support for captions (specifically the standard WordPress caption shortcode)

0.2.1

• Added support for images within links

0.2.0

• Added support for image captions
• General code cleanup

0.1.2

• Added support for existing width/height attributes of images

0.1.1

• Fixed bug displaying images in post content

0.1.0

• Plugin released