CSS - 2つの別々の画像のように同じ画像を再利用していますか

Question

私は背景としてbackground-attachment: fixedという要素を設定したい画像がありますが、異なる速度でスクロールする2つのdivに設定したいと思います。だからあなたがそれをスクロールしていくうちに、両方のdivが同じイメージの上に隠れていることはほとんどありません。しかし、実際には、背景と同じ画像が設定された2つの別々のdivにする必要があります。

私は好奇心が強いですが、同じ画像を2回使用して2つの別々の画像よりも控えめではないでしょうか？私はレンダリングが比較的同じであることは分かっていますが、ページの読み込みに関しては、パフォーマンスがいくらか保存されますか？

Answer 1

はい、URLがまったく同じ場合は、これが実行されます。

URLが同じ場合、ブラウザはメディアリソースをキャッシュするため、2つの別々のイメージを使用するよりも2つの場所で同じイメージを使用するほうが適しています。