アークウェブのブログ

2021年3月12日

画像のネイティブLazy-load 対応支援MT7プラグイン「MT NativeLazyLoad」アップデート v1.100 - iframeタグに対応

CMS・MovableType　 SEO・サーチエンジン最適化　 オープンソース　

投稿者 八木

お久しぶりです、テレワーク生活がすっかり馴染んだディレクターの八木です。

画像のネイティブLazy-load 対応を支援するMT7用プラグイン「MT NativeLazyLoad」をアップデートし、iframeタグ にも lazyLoad対応しました。例えば You Tube動画が複数埋め込まれたページの体感スピードアップに寄与します。

v1.100 変更点:

• loading属性自動付与対象に iframe を追加しました。
• 事前にサイズ属性(width, height)をチェックし、サイズ属性がついていないimg, iframeタグには loading属性をつけないようにしました。

2番目の変更は、Googleがコアウェブバイタルとして重視する指標の一つ CLS（Cumulative Layout Shift） への配慮です。サイズ属性がないimg, iframe要素を遅延読み込みすると、ユーザが閲覧中にレイアウトが動的にずれる場合があり、CLSの低評価につながる恐れがあるためです。

ダウンロード:

• https://github.com/ARK-Web/mt-plugin-NativeLazyLoad
• インストール方法、利用方法は、同梱のREADMEファイルをご覧ください。

開発の経緯は前回の記事をご参照ください。

画像のネイティブLazy-loadをサポートするMT7用プラグイン「MT NativeLazyLoad」をリリースしました。 : アークウェブのブログ

今回も海外SEO情報ブログ 鈴木謙一さんの記事がきっかけでアップデートに至りました。
いつもためになる記事をありがとうございますm(_ _)m

WordPress 5.7がiframeのネイティブLazy-loadingをサポート | 海外SEO情報ブログ

是非ご活用いただきフィードバックをお寄せください

プラグインは無償です。
是非ご活用いただき、よかったらフィードバックをお寄せください。

よろしくお願いいたします。