Q&A
Nuxt.jsを使ってLPを制作しており、ファーストビューの表示を高速化するため、トップ以外の画像はvue-lazyloadで遅延読み込みさせています。
遅延読込はうまく機能しているのですが、高速でスクロールした際にロード中の画像が一瞬表示されるのでLPとしてダサい印象があります。
できればファーストビューの画像を一番に読み込んだ後、高速でページをスクロールしても下記サイトのように全画像がちゃんと表示されている状態にしたいです。
ファーストビューを表示後、スクロールしなくても画像を遅延読込するようにできれば解決できるのかなと思ったのですが、その方法が分かりません。
もしくは、他に何か良い方法があるのでしょうか...?
お知恵をお貸しいただけると幸いです。
###【画像の読み込み速度改善のためにこれまでにやったこと】
- 画像は全てリサイズ、軽量化しております。
- Webp対応のブラウザではWebp画像を表示しています。
あなたの回答
tips
プレビュー
