Animacja CSS nie działa poprawnie na mobile

Question

W landing Page mam scroll animation. O ile na desktop działa bardzo dobrze to mobile bardzo kiepsko. Zacina się przy przesuwaniu. Inne animacje działają dobrze. Dlaczego tak się dzieje.

Answer 1

Musisz dobrać odpowiednie właściwości css. Unikaj animowania margin, staraj sie modyfikować transform, opacity. Pokaz CSS to coś podpowiem. Widocznie komorka ma zbyt słaby procesor dla twojej animacji.

Przy scrolowaniu moze mieć znaczenie to czy masz jakieś handlery w java script. Jesli wykonujesz samodzielnir animacje w js s warto skorzystać z natywnego rozwiazania lub opartego o requestanimationframe

Jeśli chcesz to mozesz obczajić też moja prezentacje o wydajnosci moze coś znajdziesz dla siebie ;-). https://forum.pasja-informatyki.pl/430985/moja-prezentacja-na-temat-przyspieszania-stron-internetowych