その他もろもろ

【Google Chrome 75】Lazy Load(遅延読み込み)をネイティブ実装へ

Google Chrome 75 「Lazy Load(遅延読み込み)」を実装

Google Chrome 75からついにLazy Load(遅延読み込み)がデフォルトで実装されるそうです。
※もうChrome 75になっていますが。

loading属性というものが追加されるので、そちらをimgタグに設定します。

<img src="example.jpg" alt="サンプル" loading="lazy">

のような記述になります。

imgタグだけではなくiframeにも適用されるので、その場合には、

<iframe src="example.html" loading="lazy" allowfullscreen></iframe>

となります。

loading属性で設定できるのは、3パターン

loading属性に設定できるのは、「lazy」「eager」「auto」の3パターンです。

lazy => 「遅延読み込み」を有効にする
eager => 「遅延読み込み」を無効にする
auto => 「遅延読み込み」するかどうかは、ブラウザが判断する

loading属性を設定していな場合、デフォルトでは「auto」が設定されます。

こちらのサイトで詳しく説明されていたので、そちらを参照して貰った方が、より詳細に分かると思います。
https://addyosmani.com/blog/lazy-loading/
※英語ページですが、私のような中学英語で止まっている人間でも分かるように詳しく書かれています。

WordPress短期学習プログラム

関連記事

  1. ホームページ制作ツール

    その他もろもろ

    Wix(ウィックス)はSEO対策には不向き?デメリットは!?

    Wix(ウィックス)ってどうなの?今回は、Wix(ウィ…

  2. Dropbox(ドロップボックス)03

    その他もろもろ

    【新PCの設定⑥】ドロップボックスの設定

    次はドロップボックスのインストールです。アカウントは作成済み(今ま…

  3. Chocolate(チョコレート)

    その他もろもろ

    プログラミング、時々「チョコレート」

    仕事の合間に何を食べます?昔からチョコレートは人並みに…

  4. Google Search(グーグル検索)

    その他もろもろ

    Googleカスタム検索①

    Googleのカスタム検索を導入してみたので、そのメモ書きです。…

  5. その他もろもろ

    【新PCの設定】

    今日は新しく購入した会社のPCの設定を行っていました。…

  6. その他もろもろ

    【新PCの設定②】各種ブラウザのインストール

    各種ブラウザのインストールですが、今はいろいろなブラウザを選択でき…

最近の記事

  1. Technology-Connection-Net
  2. ドメインにハイフンを使うのは日本人だけ?
  3. SSL(HTTPS)
  4. ドメインについて
  5. WP:WordPress(ワードプレス)
  6. ドメイン(domain)
  7. JPドメイン
  8. 高速(スピード)
  9. ブログアクセス
  10. 高速(スピード)
PAGE TOP