Welche wird für Geschwindigkeit, dynamische Entsättigung oder Doppelbilder empfohlen?

Question

Ich würde gerne eine Leistungsempfehlung bezüglich Bildsättigung hören. Ich möchte eine Animation von entsättigten zu gesättigten Bildern haben und umgekehrt. Bisher gelang es mir, ein jquery-Plugin zu verwenden, um sie im laufenden Betrieb zu animieren. Aber wundern Sie sich über die Auswirkungen auf die Leistung mit hundert Thumbnails auf einer Seite. Was empfehlen Sie für bessere Geschwindigkeit? Jquery oder zwei statische Bilder mit einfacherer Animation?

UPDATE: FYI, abgesehen von 20 vorbelasteten Bilder, der Rest über ajax wie Google infinite Scroll geladen

Answer 1

Wenn die Animation wird einfach von entsättigt auf gesättigte, oder umgekehrt, Schicht übereinander und animieren die Opazität, die dazu führt, dass der obere Bereich ein- oder ausgeblendet wird. Der Übergang ist der gleiche, wenn nicht besser, mit nur 2 Bildern benötigt, nicht 20.