ホーム » ビジネスブログ » Webユーザビリティ »

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

2020年6月26日

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

投稿者 八木

こんにちは、ディレクターの八木です。

アークウェブでは、画像のネイティブLazy-loadをサポートするMovable Type用プラグイン「MT NativeLazyLoad」を GitHub にて公開したので、ご紹介いたします。

img タグにloading 属性(loading="lazy")を自動追加するだけというシンプルな機能のプラグインですが、
ページ高速化がSEO上も重要課題な昨今、画像たっぷりのリッチなウェブページの体感速度アップに寄与できるものと考えています。

MTテンプレート実装者にとっての扱いやすさも意識しました。 どなたでも無償でお使いいただけますので、是非ご活用ください。

開発のきっかけ

画像がページ内にたくさん配置されている場合、ページの読み込みに時間がかかってユーザの印象を悪くしたり、最悪離脱してしまう恐れがあります。 有効な対策の1つに、Lazy-load(遅延読み込み)といって画像の読み込みタイミングを調整することで体感的な表示速度を改善する手法があります。

実装方法は複数ありますが、最近の注目はネイティブ Lazy-load です。imgタグに loading="lazy" 性を追加するだけの手軽さで実現でき、JavaScriptを必要としません。

現時点(2020年6月)では 主要ブラウザのサポート状況が出そろったわけではありません が、Web標準化されており、最近 Googleの推奨方法に正式に追加 され、WordPressでも公式プラグイン化されるなど、デファクトスタンダード目前です。

Google、遅延読み込みの推奨方法にネイティブLazy-loadを追加 | 海外SEO情報ブログ
https://www.suzukikenichi.com/blog/google-added-native-lazy-loading-to-lists-of-recommended-lazy-loading/

アークウェブでは、海外SEO情報ブログ 鈴木謙一さんの上記記事に刺激をうけて、
「じゃぁ、MovableType版プラグインも欲しいよね」と、プラグイン開発することになった次第です。

MT NativeLazyLoadでできること

img タグにloading 属性(loading="lazy")を自動追加するというシンプルな機能のプラグインです。

  • 再構築のタイミングで、img タグにloading 属性(loading="lazy")を自動追加します。
  • コンテンツ投稿者が、loading属性を明示的に記述している場合は、そちらが優先され、二重に追加されることはありません。
  • ブロックタグないしはグローバルモディファイアにより、処理対象をきめ細かく指定できます。
  • スタティックパブリッシングに対応。
    ダイナミックパブリッシングは未対応ですが、ご要望が多ければ将来対応します。
  • MT7以降に対応しています。

使い方

GitHubのREADMEをご参照ください。

ダウンロード、インストール方法

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

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

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

投稿者 八木 : 2020年6月26日 11:50

カテゴリー: CMS(コンテンツマネジメント・システム) , CMS・MovableType , Webユーザビリティ

タグ:


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