画像の遅延ロード、Chromeでは標準搭載になりましたし、SEOへの影響も無いという事から今後のスタンダードになるのは間違いない気がしますので、さっさと対応しておきます。
Chromeがネイティブlazy-loadをサポート、JSなしで画像を遅延読み込み可能に | 海外SEO情報ブログ
function.php
function.phpに以下の記述を加えます。
//imgタグにloading属性を自動で加える
function img_add_loading($html, $id, $alt, $title, $align, $size) {
return str_replace('/>','loading="lazy" />',$html);
}
add_filter('get_image_tag','img_add_loading', 10, 6);
imgタグに適用されるフィルターフックの出力htmlに置換をかけています。
閉じタグ “/>” を “loading=”lazy” />” に置換する事で、全てimgタグに loading 属性を付与する事ができるようになりました。
過去の投稿には反映されません。
参考
Lazy Loadとは関係無いですが、別の理由でimgタグをカスタマイズされた方がいらっしゃいましたので参考にさせてもらいました。
【WordPress】記事内に画像を挿入するときのHTMLをカスタマイズする | Wood-Roots:blog
[…] WordPress投稿画面の画像挿入で、imgタグに自動的にloading=”lazy”を加える方法 […]