採用技術にフォーカスしたWebサイトリンク集。
トレンドリサーチや技術選定の参考に、WEBデザインやコーディング、開発の参考にも使えるWebサイトギャラリー。
lazyload が採用されたサイト事例一覧です。
Lazy Load delays loading of images in long web pages. Images outside of viewport will not be loaded before user scrolls to them. This is opposite of image preloading.
This is a modern vanilla JavaScript version of the original Lazy Load plugin. It uses Intersection Observer API to observe when the image enters the browsers viewport. Original code was inspired by YUI ImageLoader utility by Matt Mlinac. New version loans heavily from a blog post by Dean Hume.
（DeepL翻訳）
Lazy Loadは、長いWebページで画像の読み込みを遅らせることができます。ビューポートの外側にある画像は、ユーザーがスクロールする前に読み込まれることはありません。これは、画像のプリロードの逆です。
これは、オリジナルのLazy LoadプラグインのモダンなバニラJavaScriptバージョンです。Intersection Observer API を使用して、画像がブラウザのビューポートに入ったことを確認します。オリジナルのコードは、Matt Mlinac 氏の YUI ImageLoader ユーティリティに触発されたものです。新しいバージョンは Dean Hume のブログ投稿を大いに参考にしています。
https://github.com/tuupola/lazyload
This is a modern vanilla JavaScript version of the original Lazy Load plugin. It uses Intersection Observer API to observe when the image enters the browsers viewport. Original code was inspired by YUI ImageLoader utility by Matt Mlinac. New version loans heavily from a blog post by Dean Hume.
（DeepL翻訳）
Lazy Loadは、長いWebページで画像の読み込みを遅らせることができます。ビューポートの外側にある画像は、ユーザーがスクロールする前に読み込まれることはありません。これは、画像のプリロードの逆です。
これは、オリジナルのLazy LoadプラグインのモダンなバニラJavaScriptバージョンです。Intersection Observer API を使用して、画像がブラウザのビューポートに入ったことを確認します。オリジナルのコードは、Matt Mlinac 氏の YUI ImageLoader ユーティリティに触発されたものです。新しいバージョンは Dean Hume のブログ投稿を大いに参考にしています。
https://github.com/tuupola/lazyload
＜広告＞
Showing 1 to 7 of 7 results