Animationen sind sehr ansprechend und bringen User dazu, über eine längere Zeit auf einer Webseite zu bleiben oder von dort aus nach weiteren Informationen des Anbieters zu suchen. Aus diesem Grund ist es wichtig, dass sie ihre Funktion erfüllen und flüssig laufen. Trotzdem stößt man immer wieder auf Animationen, die ruckeln und nicht gut performen. Insbesondere bei mobilen Endgeräten mit ihrer vergleichsweise geringen Rechenleistung fallen solche Probleme auf – und damit ausgerechnet in einem Bereich, der immer bedeutsamer wird. Laut eines Google-Berichtes stehen bereits hinter mehr als fünfzig Prozent des Datenverkehrs mobile Endgeräte. Animationen sollten daher auf jeden Fall optimiert werden.
Um die perfekte Animation zu erstellen, gibt es nicht die eine Lösung. Doch dieser Artikel versucht, einige Punkte zu vermitteln, die man als Entwickler beachten sollte. Grundlage dafür ist das Verständnis von CSS, JavaScript und HTML.
Continue reading