This plugin hasn’t been tested with the latest three major releases of WordPress. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress.

Load low source image first

Description

The load low source image first plugin does just that: it replaces the source of every image on the page with a 1 pixel image, s.png, and creates an attribute, highsrc, with the original source url. Finally, a jquery script is loaded that shows the original image, after the page has been loaded.

Instead of using this plugin, it is of course possible to use optimized images, or progressive jpeg. But not every WordPress user is familiar with those concepts. The end user does not always comply with best practices, and inserts a heavy weight image instead, with slow websites as a result.

Filters

  • llsif_replace_images: to filter the buffer including the replaced images
  • llsif_set_imagefile : to change the default s.png image, just replace the path to s.png with your desired path.

Remarks

  • This plugin does not create a fallback for people who have javascript disabled
  • If your site already uses lazy loading scripts, this plugin might create conflicts. If you use a theme you didn’t develop yourself and don’t know what scripts are included, test the plugin first!

For more information: go to the website

Installation

To install this plugin:

  1. Download the plugin
  2. Upload the plugin to the wp-content/plugins directory,
  3. Go to “plugins” in your wordpress admin, then click activate.

FAQ

My site doesn’t work correct with your plugin, what’s going on?

Your site probably already has a lazy loading script in place. This might conflict with the jquery used in this plugin. Just deactivate, you’re already set!

Contributors & Developers

“Load low source image first” is open source software. The following people have contributed to this plugin.

Contributors

Change log

  • extended readme.txt
  • added filter reference to readme.txt
  • bugfix
  • script now checks if img tag also contains “data-” properties. In that case, that tag will be left alone. Some slider scripts use their own lazy loading functions. Conflicts will be avoided this way.