ホーム » ビジネスブログ »

CMS・MovableType

2021年3月12日

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

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

投稿者 八木

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

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

MTNativeLazyLoadv1_1.png

v1.100 変更点:

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

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

ダウンロード:

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

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

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

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

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

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

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

投稿者 八木 : 11:00

その他の記事


Movable Type用高機能メールフォーム生成プラグイン A-Formの詳細へ
Movable Type用会員限定サイトプラグイン A-Memberの詳細へ
Movable Type用予約サイト構築プラグイン A-Reserveの詳細へ
ARK-Web×CSR(企業の社会的責任)

アークウェブの本

Zen Cartによるオンラインショップ構築・運用テクニック―オープンソース徹底活用

Zen Cartによるオンラインショップ構築・運用テクニック―オープンソース徹底活用

内容充実のZen Cart公式本(v1.3対応)がついに発表です。アークウェブのスタッフをはじめZen-Cart.JPの中心メンバーが共著で執筆しました。続きを読む

Movable Type プロフェッショナル・スタイル

Movable Type プロフェッショナル・スタイル

ビジネスサイト構築におけるCMSとしてのMTの活用方法について、豪華執筆陣による実践的MT本です。八木が共著で執筆しました。続きを読む

Web屋の本

Web屋の本

Web 2.0時代の企業サイトの構築・運用などの戦略を考える「Web屋の本」 (技術評論社)を、中野・安藤が執筆しました。続きを読む

新着はてブ

Loading

アーカイブ

応援しています

  • キッズ・セーバー
  • ソロモン・リリーフ ─ソロモン諸島を応援する有志による、震災復興支援プロジェクト─

    (終了しました)

RSS配信

 

サービスおよびソリューション一覧


最新情報・投稿をチェック


このページのトップに戻る

Photo by A is for Angie

Powered by Movable Type Pro 6.3.8