【WordPress】画像を非同期で読み込む

以下のサイトを参考に、画像を非同期で読み込む。

imgタグに「decoding=”async”」を追記する。

PHPでサイトの記事内の画像全てを設定する場合は、以下の通り。

function.php

function content_img_async($content) {
  $re_content = preg_replace('/(<img[^>]*)\s+class="([^"]*)"/', '$1 class="$2" decoding="async"', $content);
  return $re_content;
}
add_filter('the_content','content_img_async');

ちなみに、「BJ Lazy Load」プラグインを使って画像の後読みをすると、AMPの表示で変なスペースが空くので使うのをやめました。