Cocoonフォーラム

@akira さん なるほど勉強になります。 まだページに表示されていない範囲の少し下の画像も読まれているなとは気がついていましたが、エラーの出ているAmazon広告はかなり下の方にあり、実際に商品画像はかなりスクロールが進んでから読み込まれていたので、同じ位置に貼られている1ピクセル画像だ...

@yhira さん なるほど。お忙しいなか回答頂きありがとうございました。

@yhira さん 回答ありがとうございます。 CLSというのは認識がなかったので勉強になりました。 Amazonの広告を待っている訳ではなく、ページの描画全体を待っているのですね。カルーセルは表示する画像によってサイズが変わるので、ページの初期表示後で画像表示することで、もし要素が動い...

@akira さん 見ていただいてありがとうございます。 Amazonの1ピクセル画像は当初問題になっていましたが、Lazy Load指定にしてからカルーセルの表示には影響はないと思います。試しにサイドバーのAmazon広告を撤去してみても挙動はかわりありません。デベロッパーツールのネットワ...

@mk2_mk2さん 今AmazonのバナーにLazyLoadを指定しているのは、初期表示されない位置に移動してみたりを試した時に指定したものがそのままになっています。その状態でchromeの開発者ツールでページの表示時間を見ていたのですが、初期表示しても下に移動してもページの表示時間は変わらな...

@mk2_mk2さんご指摘ありがとうございます。 Amazonのifremeにlazy loadを効かせたいと色々と試行錯誤していた時にインストールしてそのまま忘れていました。削除します。 ちなみに削除しても本件の動作には影響はないように見えます。