こんにちは、ユウトです。
今回は、Lazy Loadの設定手順について解説します。
まずは、Lazy Loadをインストールして、プラグインを有効化させます。
続いて、プラグイン一覧から、Lazy Loadの編集ボタンをクリックします。
そして、以下のように右のプラグインファイルの欄からLazy-load/js/lazy-load.jsを選択します。
赤線で示したdistance: 200をdistance: 400に変更してください。
distanceが200のままだと、画面下部にある200pxを読み込む設定となっているので、少し早くスクロールすると、画面がチカチカした表示となってしまいます。
そこで、余裕を持って画像を読みこませるためには、400から500くらいが最適なので、今回は400としました。
変更が完了したら、ファイルを更新ボタンをクリックします。
これで、設定は完了しました。お疲れ様でした。