---
title: ブログ記事中のiframeに遅延読み込みを有効にした
slug: eb64b9996e3f
created_time: 2023-12-27T00:12:00.000Z
last_edited_time: 2025-06-11T08:40:00.000Z
category: Tech
tags:
  - Web
  - Blog Dev
published: true
locale: ja
---
先週の [JSer.info](http://jser.info/) を読んでいたら、Firefoxがiframeの`loading`属性に対応したという変更点を知った。そういえばiframeの遅延読み込みについて完全に忘れていたので、ブログ記事中のiframeに`loading`属性をつけるようにした。

https://jser.info/2023/12/23/date-fns-3.0.0-firefox-121-react-aria-components-1.0.0-catalyst/

https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/121

https://developer.mozilla.org/ja/docs/Web/HTML/Element/iframe#loading

作業はただ `loading="lazy"` をつけるだけなので特に書くことはない。ブログ記事上のiframeはすべて幅と高さを固定しているので、遅延読み込みにしたことによるレイアウトシフトの心配もなかった。

iframeはたくさん属性があるが正直覚えていないので、他にもつけるべき属性を忘れていそうだ。