【SEO対策】Lazy Loadの記事でChromeで有効な画像の遅延読み込みの内容に触れましたが、SOY CMSではブログページの記事毎ページで記事の内容中にある画像ファイルに対して、Lazy Loadの指定を行うことができません。


そこで、記事毎ページを表示する前に記事の本文を精査して画像ファイルが3枚以上ある場合は3番目の画像以降すべてのimgタグにloading="lazy"の属性値を付与してページを出力するプラグインを作成しました。


このプラグインは記事本文の精査にリソースを使いますので、当プラグインを使用する場合はHTMLキャッシュプラグインとの併用をオススメします。

SOY CMSのHTMLキャッシュプラグインで高速化


LazyLoadプラグインを使用すると、PageSpeed Insights - Google Developersでスコアの若干の向上が見られます。


今回対応分を含んだパッケージは下記のサイトからダウンロード出来ます。

https://saitodev.co/soycms/


関連記事

【SEO対策】HTMLの圧縮