【CSS, Shopify, Liquid】Lazy Loadとは - Qiita

How Lazy Loading can Optimize Your Shopify Theme Images(Lazy loadingはいかにShopifyテーマの画像を最適化するかの意訳・まとめです。 Lazy Loadとは そのオブジェクトが必要になるまで、オブジェクトの初期化を遅延する技術。 多くの場合、Webサイト上の画像の遅延読み込みをする技術。 Lazy Loadを利用するメリット ユーザーは、サイトが実際よりも早く読み込まれていると感じる。 Lazy Loadの仕組み 大量の画像の読み込みが必要なサイトがあるとする。 デフォルトでは、ユーザーがWebサイトの1番上だけを見ているかどうかに関わらず、ページ上の全ての画像がフルサイズで読み込まれる。 ユーザーに見られることのない画像もあるため、全ての画像を読み込む必要はない。 商品ページに行く前に、最初の10商品だけを見たい場合