javascript - スクロール時のページラグを減らす

Question

大きな画像を含むパララックス Web サイトがあります。スクロールすると遅れます（画像が「点滅」します）。これには何らかの最適化がありますか。たとえば、ロード時にすべての画像をキャッシュするにはどうすればよいですか?

ウェブサイトは次のとおりです。http://fakeheal.eu/viral/

画像のサイズを可能な限り縮小しました。

Answer 1

画像は、ほとんどのブラウザーが適切に処理するには依然として非常に大きいです。問題はキャッシングではなく、画面全体を繰り返し描画してすべての移動要素を更新しようとすることにあります。一般的なヒント:

1. 多くの大きなグラフィック要素を同時に移動しないでください。
2. 大きな画像の場合、フェードは非常に遅くなります。控えめに使用してください。
3. 大画面では、大きな境界線 (1 つの画像から作成できます) を作成し、残りのコンテンツを内部に配置できます。これにより、「アクティブな」領域は、たとえば 1200px x 600px になります。これにより、レンダリング速度が大幅に向上します。