👆

Railsアプリケーションで画像のlazy loadを設定する方法

2023/07/03に公開

imgタグにloading="lazy"属性を設定することで、ブラウザで画像のlazy loadを実現できる。
参考:Lazy

Railsアプリケーションで表示される画像をlazy loadしたい場合、config.action_view.image_loadingというオプションが使える。

config/application.rbに以下を設定

config.action_view.image_loading = 'lazy'

こうすると、image_tagを使って表示した画像にloading="lazy"が設定される。

Rails アプリケーションを設定する - Railsガイド

このオプションが追加されていたことを知らず、「これ便利やーん」と思ったので紹介しました👆

Discussion