【SEO対策】Lazy Loadの記事でChromeで有効な画像の遅延読み込みの内容に触れましたが、SOY CMSではブログページの記事毎ページで記事の内容中にある画像ファイルに対して、Lazy Loadの指定を行うことができません。
そこで、記事毎ページを表示する前に記事の本文を精査して画像ファイルが3枚以上ある場合は3番目の画像以降すべてのimgタグにloading="lazy"の属性値を付与してページを出力するプラグインを作成しました。
このプラグインは記事本文の精査にリソースを使いますので、当プラグインを使用する場合はHTMLキャッシュプラグインとの併用をオススメします。
LazyLoadプラグインを使用すると、PageSpeed Insights - Google Developersでスコアの若干の向上が見られます。
今回対応分を含んだパッケージは下記のサイトからダウンロード出来ます。
関連記事
