画像遅延読み込み（ Lazy Loading Images ）をはてなブログで試す方法 - LOGzeudon

試す機会があったのでその時にやったことをメモしておきます。 画像遅延読み込み（ Lazy Loading Images ）とは ページの読み込みの際に、今表示している画面外の画像読み込みを遅延させる手法です。 例えば、ページをスクロールして画像の位置に着いたらその画像を読み込み始めるように設定します。あるいは、一旦解像度の粗い画像を読み込ませておき、高解像度の画像へと置き換えます。 これによって、画像が大量にある長いコンテンツであっても、ユーザーはページ読み込みの最初に長時間待たされることなくスムーズにコンテンツを読み進めることができます。 どう実装するか いくつかJavaScriptのライブラリがあるので活用すると楽です。 今回ははてなブログ向けに解説しますが、細かい設定やオプションについては各Githubページのhow toをご確認ください。 Lazysizes github.com

[nukoblog]

写真ブログをやっている人には良いのかもしれませんね。自分はなんだかめんどくさそうに思ってしまい、まだ試していませんが^^;。

[aTn]

はてなでの実装方法の解説ありがとうございます。 Lazy LoadingのSEOへの影響は、Akira先生の個人的見解では解消されているのでは、と解説されてますね。 https://vanillaice000.blog.fc2.com/blog-entry-649.html