Googleより IntersectionObserver による画像の遅延読み込みが推奨されています

2019年5月7日、Googleウェブマスター向け公式ブログより、レンダリングエンジンのサポートするお知らせがありました。

昨今、多くの画像や動画を配信するウェブページが増えてきました。それらのページの問題点として読み込みが遅く、その結果SEO的に評価が下がってしまうと言う問題がありました。

文字コンテンツに限らないリッチなウェブ体験は、本来ユーザーにとっては利便性を高めるはずですが、読み込みが遅くなってしまうとユーザーが離れてしまうというジレンマがありました。

以前から、Lazyloadなどの画像を遅延読み込みするJavaScriptsライブラリは存在しましたが、それらのライブラリではGoogleが画像の内容を読み込めないことが課題となっていました。

• ユーザーのリッチなウェブ体験を提供しようとするとページが重くなる
• Lazyloadなどでページの読み込みを軽くするとGoogleがこれらの画像を読み込めない

この二つの課題を解決するのが、IntersectionObserver による画像の遅延読み込みだとしています。

IntersectionObserver のレンダリングエンジンをサポートし、遅延読み込みの画像をGoogleが評価できるようになりました。

補足ですが IntersectionObserver をサポートしていないブラウザも多くあるため、polyfill によるブラウザ互換も推奨されています。

詳しくは原文（Googleウェブマスター向け公式ブログ）をご参照ください。

英語版（原文）：https://webmasters.googleblog.com/2019/05/the-new-evergreen-googlebot.html

日本語版：https://webmaster-ja.googleblog.com/2019/05/mobile-first-indexing-by-default-for.html