Safari 15.4では「Lazy Image Loading」が正式にサポートされ画像の遅延読み込みが可能に。

Safari 15.4 support lazy-loading images iOS15
記事内に広告が含まれています。
スポンサーリンク

 Safari 15.4では画像の遅延読み込み「Lazy Image Loading」が正式にサポートされています。詳細は以下から。

Safari 15のアイコン

 Appleは現地時間2022年03月14日、MacやiPhone/iPad向けに「macOS 12.3 MontereyiOS/iPadOS 15.4をリリースし、同バージョンにではデフォルトブラウザであるSafariが「Safari v15.4」へアップデートされていますが、このSafari v15.4では画像の遅延読み込み「Lazy Image Loading」がデフォルトでサポートされています。

Safari 15.4 support lazy-loading images

Let’s start with HTML. WebKit added support for lazy-loading images with the loading attribute on the element, providing web developers with an easy way to instruct the browser to defer loading certain images until the user scrolls near them.

New WebKit Features in Safari 15.4 – WebKit

 Lazy Image Loadingはimgタグにloading=“lazy”属性を付けることで、スクロールに合わせて画像が読み込まれるため、データ転送量やメモリ使用量を減らせる事ができ、Googleは2019年07月にリリースしたChrome v76、Firefoxは2020年04月にリリースしたFirefox v75でサポートしていました。

画面外のイメージおよび iframe を自動的に遅延読み込みする Chrome のライトモードユーザー向け Lazy-loading について

私たちの実験では、イメージおよび iframe のネイティブ遅延読み込みによって、1 ページあたりのダウンロード バイト数(75 パーセンタイル)が最大 10% 削減されました。

画面外のイメージおよび iframe を自動的に遅延読み込みする Chrome のライトモードユーザー向け Lazy-loading について – Chromium Blog

 Appleも2020年からSafari Technology Previewで実験的にLazy Image Loadingをサポート[1, 2]していましたが、Safari v15.4では以下の通りデフォルトでLazy Image Loadingが有効になっています。

 ただし、Safari v15.4でもLazy Image Loadingは「実験的なWebKitの機能 (Experimental Features)」から無効にすることは可能で、Lazy iframe loadingは現在もデフォルトでOFFとなっているので、気になる方はチェックしてみてください。

Mobile-Safari-Lazy Image Loading

コメント

  1. mono より:

    > Safari 14.5では画像の遅延読み込み「Lazy Image Loading」が正式にサポートされています。

    15.4ですね。

タイトルとURLをコピーしました