lazysizes is a fast (jank-free), SEO-friendly and self-initializing lazyloader for images (including responsive images picture/srcset), iframes, scripts/widgets and much more. It also prioritizes resources by differentiating between crucial in view and near view elements to make perceived performance even faster.

It may become also your number one tool to integrate responsive images. It can automatically calculate the sizes attribute for your responsive images, it allows you to share media queries for your media attributes with your CSS, helping to separate layout (CSS) from content/structure (HTML) and it makes integrating responsive images into any environment really simple. It also includes a set of optional plugins to further extend its functionality.

（DeepL翻訳）
lazysizes は、画像（レスポンシブ画像の画像/srcset を含む）、iframe、スクリプト/ウィジェットなどのための高速（ジャンキーなし）、SEOフレンドリー、自己初期化のレイザーローダです。また、ビュー内の重要な要素とビューに近い要素を区別することによってリソースを優先し、知覚的なパフォーマンスをさらに速くすることができます。

また、レスポンシブな画像を統合するための最重要ツールになるかもしれません。レスポンシブ画像のサイズ属性を自動的に計算し、メディア属性のメディアクエリをCSSと共有することで、レイアウト（CSS）とコンテンツ／構造（HTML）を分離し、レスポンシブ画像をあらゆる環境に簡単に統合することができます。また、オプションのプラグインを使用することで、さらに機能を拡張することができます。

https://github.com/aFarkas/lazysizes