プログラミング

IntersectionObserver API を使ったテストページを作成しました

投稿日:2019年2月13日 更新日:

IntersectionObserver API を使ったテストページを作成しました。

IntersectionObserver API は、ウェブページ上のある要素が見える範囲 (viewport) に入ってきた時と逆に出ていった時を監視するための API です。

遅延読み込みコンテンツを Google が認識できるようにする | 検索 | Google Developers に書いてありますが、遅延読み込みを実装する際にこの API を使うと、Googlebot は遅延されたコンテンツをちゃんと読み込んでくれるようです。それとは対称的に、スクロールイベントを使って遅延読み込みしている場合、Googlebot は正常にコンテンツを読み込むことができません。これは、SEO にも影響してきます。

作成したページ:IntersectionObserver API Test
IntersectionObserver API のテストページ
IntersectionObserver API のテストページ
Web Programming

Puppeteer を使った画像遅延読み込みテストを試してみました

2019.02.14
Web

Intersection Observer API を使った画像の遅延読み込み

2019.03.29

関連

📂-プログラミング

執筆者:labo


comment

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

関連記事

Database

データベース(MySQL)とは?

目次1. データベースとは?2. レンタルサーバーにおけるデータベース2-1. データベースソフトウェアそのものを「データベースと呼ぶ」場合2-2. データベースソフトウェア内でデータを保存する単位と …

TweenMax を使ったサンプルページを作りました

TweenMax を使ったサンプルページを作りました 目次1. スクリーンショット2. デモページ3. 内容4. ソースコード5. 参考情報 1. スクリーンショット スクリーンショット 2. デモペ …

JavaScript

JavaScriptで画面上の文字列をクリップボードにコピーする方法

目次1. はじめに2. Clipboard API and events を使う方法3. Selection API を使う方法(1) 基礎知識(2) プログラムの書き方(3) サンプルページ4. お …

Web Programming

ソフトウェアにおける日付・時刻フォーマット

目次ソフトウェアにおける日付・時刻フォーマット参考情報ISO 8601RFC 5322RFC 7231Common Log Format ソフトウェアにおける日付・時刻フォーマット ソフトウェア(特に …

プログラミング

アルゴリズムの計算量

アルゴリズムの計算量について説明しています。