slick.jsでなぜかスライドの最後の画像が読み込まれていた

slick.jsはデフォルトでlazyLoad: trueになっているので最初のスライド以外の画像は遅延読み込みしてくれるはずですが、なぜかページが表示されたタイミングで最初のスライドと最後のスライドの画像が読み込まれていました。

どうやら、infinite: true (無限スクロールにする設定)にしていたことが原因みたいです。

下記ページをそれぞれ開発者モードで見るとデモ1は1画像、デモ2は2画像がページが表示されたタイミングで読み込まれているのがわかると思います。

デモ1(infinite:false)

デモ2(infinite:true)

1スライド1画像の表示なら最初と最後の2画像の読み込みですが、1スライドに3画像の表示だと最後のスライドの3画像も読み込まれるので計6画像がページ表示時に読み込まれます。

あと、当然といえば当然ですがcenterMode: trueにすると1番目の画像だけでなく、2番目と最後の画像も読み込まれます。

デモ1(centerMode: true)