【お知らせ】
iframeタグに対応したアップデートv1.100 をリリースしました! (2021年3月11日)
こんにちは、ディレクターの八木です。
アークウェブでは、画像のネイティブ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版プラグインも欲しいよね」と、プラグイン開発することになった次第です。
img タグにloading 属性(loading="lazy")を自動追加するというシンプルな機能のプラグインです。
GitHubのREADMEをご参照ください。
プラグインは無償です。
是非ご活用いただき、よかったらフィードバックをお寄せください。
よろしくお願いいたします。