The performance effects of too much lazy loading | Articles | web.dev

The performance effects of too much lazy loading Stay organized with collections Save and categorize content based on your preferences. Lazy loading is a technique that defers downloading a resource until it's needed, to conserve data and reduce network contention for critical assets. It became a web standard in 2019 and today loading="lazy" for images is supported by most major browsers. This pag

[efcl]

HTTP Archiveのデータによる`loading=lazy`はウェブサイトの17%で使われていて、その大部分はWordPressのサイトとなっている。 WordPressのサイトはLazy LoadingをAbove the foldな画像に対しても行っていたため、Lazy Loadしない場合に比べてLCP

[karahiyo]

面白い

[tkmkg8m]

above the foldな画像も遅延ロードするとLCPが悪化すると。見えない画像だけ遅延ロードにするのがいいと。そういうオプティマイズはブラウザに頑張ってもらいたいですね。

[ryo_n574]

lazy-loadingのページパフォーマンスへの影響の考察

[Pasta-K]

へーおもしろい

[door-s-dev]

viewport内の画像もlazy loadするとLCPパフォーマンスが落ちるらしい。wordpressでの検証結果だけど、画像の表示サイズ指定されるサイトだと結果が変わりそうな気もする