WordPress 5.5でネイティブLazy-loadをサポートへ

WordPress 5.5 で WordPress の標準機能としてネイティブ Lazy-load が実装されるそうです。
遅延ロード系の WordPress プラグインは、消えていくかもしれませんね。

width 属性と height 属性を追加してある タグには loading="lazy" が記事出力時に自動的に挿入されます。
記事作成者(=あなた)は何もする必要はありません。

WordPress 側のバックグラウンド処理によりネイティブ Lazy-load が実装され、画像の遅延読み込みが実現します。

もちろん、過去に投稿した記事にも適用されます。
CLS を防ぐために width/height が必要

width 属性と height 属性がない画像には loading="lazy" を WordPress は追加しないので注意してください。

なお、WordPress の機能である「メディアの追加」で挿入する画像は、WordPress が自動的に画像サイズを取得し、width 属性と height 属性を設定してくれます。

WordPress 5.5がネイティブLazy-loadをサポート。画像にloading=”lazy”を自動追加し遅延読み込みさせる

本ページはアフィリエイトプログラムによる収益を得ています

雑記

Posted by 管理人