3

制約により、別のサービスの HTML コンテンツを表示する必要がありますが、画像は典型的なものです<img src="http://example.com/image.jpg"/>

ほとんどの遅延読み込みライブラリ (例: lozad.js ) はsrc、属性を削除して追加することを提案しdata-srcました。そうしないと、ブラウザーは各画像をすぐに読み込みます。

要件に適合するように dom を解析および変換できますが、余分なオーバーヘッドを追加すると、パフォーマンスの目的が損なわれると感じています。

HTMLに触れずに遅延読み込みを実現する手法はありますか?

4

2 に答える 2

4

クライアントがサポートされているブラウザーを使用している場合は、遅延読み込みに新しい HTML 組み込みサポートがあります。

<img src="https://i.picsum.photos/id/238/300/300.jpg" loading="lazy" />

関連するセクションにスクロールすると読み込まれます

于 2019-12-29T21:16:02.757 に答える