lazyload がスクロール時に 1000 を超える画像をロードしているページがあります。ブラウザーが「遅れる」場合 (スムーズなスクロールではなく、タックルすると考えてください)、lazyload は最初の画像を 1 行に読み込んだ後、約 7 枚の画像で実行に失敗します。(1行あたり8枚の画像)。
スクロールが速すぎる場合にも発生します。(理由は上記の状況と同じだと思います)
私はこれに対する解決策を見つけようとしています。
function lazyLoading() {
jQuery("img.lazyload").lazyload({
threshold : -10,
failure_limit : 16,
skip_invisible : false
});
}
これが元の関数です。私は .each() ループで変更しようとしましたが、その結果、通常の方法で画像をロードするだけで、遅くなりました。
プラグイン: http://www.appelsiini.net/projects/lazyload レスポンシブ デザインを使用していますが、それが原因でしょうか?
それは、webkit の問題 (chrome、safari) のみであり、mozilla で非常にうまく機能し、OS X の問題のみであると思われます。Windows Webkit ブラウザーですべてが良好