このプラグインは WordPress の最新3回のメジャーリリースに対してテストされていません。もうメンテナンスやサポートがされていないかもしれず、最新バージョンの WordPress で使用した場合は互換性の問題が発生する可能性があります。

Load low source image first

説明

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

インストール

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!

評価

このプラグインにはレビューがありません。

貢献者と開発者

Load low source image first はオープンソースソフトウェアです。以下の人々がこのプラグインに貢献しています。

貢献者

“Load low source image first” をあなたの言語に翻訳しましょう。

開発に興味がありますか ?

コードを閲覧するか、SVN リポジトリをチェックするか、開発ログRSS で購読してみてください。

変更履歴

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