このプラグインはネイティブのブラウザの機能を使ってメディアを遅延ロードします。詳しくは新しい loading 属性の詳細を参照してください。また、 WordPress コアチケットでは、WordPress のコア自体に同様の実装を含めることが議論されています。
ブラウザで loading 属性がサポートされていない場合、プラグインは IntersectionObserver に基づく JavaScript を利用する方法にフォールバックします。 JavaScript が無効になっているが、ブラウザで loading 属性がサポートされている場合、それぞれの要素の noscript タグが追加されます。また、自動で loading 属性が追加されます。
ネイティブ = 高速
このプラグインを見つけたということは、あなたはおそらくウェブサイトのパフォーマンスがユーザー体験と成功にとってどれほど重要であるかを知っているでしょう。 また、遅延読み込みがパフォーマンスを改善するための重要な機能であることも知っていることでしょう。 ただし、これまでの遅延読み込みのソリューションは、カスタム JavaScript ロジックの読み込み、解析、実行に依存していたため、多少のオーバーヘッドが追加されていました。
このプラグインは主にこのパターンを廃止します。新しい loading 属性に依存しているため、ネイティブのブラウザ機能である遅延読み込みが可能になります。この属性は既に Chrome でサポートされており、今後他のブラウザにも展開されます。ソリューションが「ネイティブ」であるということは、これまでのような JavaScript のロジックに依存しないため、より軽量であることを意味します。 また、「軽量」とは「高速」をも意味します。
最後になりましたが、忘れてならないのは、 loading 属性をサポートするブラウザが時間とともに増えるにつれて、このプラグインは本質的に改善されていくということです。
使い方
このプラグインを有効化するだけで、投稿コンテンツ内の画像と iframe のすべてが遅延ロードされるようになります。
クレジット
このプラグインは WP Rig のロジックに一部基づいており、そのロジックは web.dev および developers.google.com からの推奨事項となっています。