質問: shopifyのLozyLoadの仕様について、下記条件を満たしていますでしょうか。 ・intersectionObsever APIで実装しているか ・polyfillを実装しているか ・タグを実装しているか ・LozyLoadコンテンツに構造化データをマークアップしているか ご存知の方いましたら、教えていただければと思います。 よろしくお願いします。
回答: 公式的なものがあるのかはわかりませんが、テーマごとにそれぞれ用意していると考えています。 検索で出てくる記事には各自実装というものが目につき、以下のようにshopify partners内の2019年の記事(Slateに特化した内容ですが)にも同種の記事がありましたので、公式的なものはないという可能性が高いと思われるためです。 もっとも、Slateに入っていたのなら lazysizes.js が公式に近いといえるのかもしれませんが。 Debutであれば、上記記事に記載されているのと同じ lazysizes.jsやriasが使われています。 lazysizes.jsのChangelogをみますと、v4.1.4にてIntersectionObserver APIを使ったバージョンが作成されたようですが、Debutテーマ内を検索してもIntersectionObserverの記述が見つからなかっため、おそらく使っていないバージョンのはずです。 他のテーマはわかりませんので、お使いのテーマのドキュメントかテーマ内のコード検索で特定するしかないかもしれません。 以上ですが、「公式のものはない」という根拠を見つけられておらず、推測にすぎない点をご理解ただれればと思います。 間違っていましたらどなたか訂正いただければ助かります。