動画などiframeで埋め込まれたコンテンツの遅延読み込み「Lazy Iframe Loading」がデフォルトとなった「Safari Technology Preview v151」が公開されています。詳細は以下から。
Appleが2022年03月に正式リリースした「macOS 12.3 Monterey」および「iOS/iPadOS 15.4」に同梱されていた「Safari v15.4」では、画像の遅延読み込み「Lazy Image Loading」がデフォルトでサポートされ、
Safari v15.4以降ではloading=“lazy”属性が付いたimgタグの画像がスクロールに合わせて読み込まれるようになったため、一部のコンテンツではデータ転送量やメモリ使用量が削減されていますが、
Appleが現地時間2022年08月11日にリリースした「Safari Technology Preview v151」では、imageに続きiframeの遅延読み込み「lazy iframe loading」がデフォルトで有効になったそうです。
Enabled lazy iframe loading by default (252848@main)
Lazy iframe loading
iframeはYouTubeやGoogle Map、Twitter、Facebook、ウィジェットなどのコンテンツをWebページに埋め込む時によく利用されていますが、STP v151ではlazy iframe loadingがデフォルトで有効にになったことで、コンテンツ内のiframe読み込みがスクロールに合わせて行われるようになっています。
また、GoogleでChromeの開発を担当されているAddy Osmaniさんによると、Chrome.comのYouTube埋め込みを遅延読み込みに切り替えたときでは、モバイルデバイスで対話時間を10秒節約でき、LighthouseのPerformanceスコアを71%改善できたそうで、
2021年02月にリリースされたWordPress 5.7でもLazy iframe loadingがデフォルトで使用されるようになっているので、次期Safari(v16?)では、より多くのコンテンツで読み込み時間やデータ転送量が削減されそうです。
- 今こそ、オフスクリーンiframeの遅延読み込み – Web.dev
- Lazy loading via attribute for images & iframes – Can I Use…
- Release Notes for Safari Technology Preview 151 – WebKit Blog