Дергается анимация снега, почему и как исправить?

Question

[Евгения]

Сделала анимацию снега, а он подергивается немножко и бесит. От чего это может быть?

Comments

[Евгения]

https://codepen.io/EugeniaAntonova/pen/PwYboEQ?edi... ссылка
почему-то которая в вопросе не отображается

[Алексей Уколов]

У меня на десктопе ничего не подёргивется. Значит, на вашем устройстве не хватает ресурсов для этой анимации. Чтобы исправить, нужно запустить профилирование в DevTools и разобраться, что именно создаёт нагрузку.

[Telcontar]

На планшете ничего не дёргается

[Евгения]

Алексей Уколов, а можно ли каким-то образом отключать анимацию у пользователей со слабыми устройствами? просто на нормальном компе шикарно выглядит, а у меня ерзает и раздражает. Лучше чтобы она была доступна только нормальным устройствам, это возможно?

[Алексей Уколов]

Я знаю только про prefers-reduced-motion, но это не совсем то.
Когда я 15 лет назад только начинал заниматься веб-разработкой, этот "снег на сайте" уже выходил из моды, поэтому мне не доводилось решать подобные задачи.

[Александр Васильев]

Евгения, лучше сделать опцию отключения снега, если он раздражает

[Ankhena]

Александр Васильев, Или опцию включения снега, если он по какой-то причине ещё развлекает посетителя.

Снег был крутым 20 лет назад.

Я бы попробовала уменьшить количество снежков.

Например:
Делаем кнопку "Получить новогоднее настроение" - включаем снег.
Кнопки меняются на две: "вернуть как было" и "добавить снега".

Если прям очень хочется, чтобы изначально шел, начинаем с небольшого снегопада.

[director-rentv]

Вообще хорошая анимация, аккуратная и по виду и по коду, я бы только размер снежинок уменьшил

У меня не дёргается, за исключением одного нюанса - в firefox дробные значения округляются гораздо чаще, чем в chromium-ных браузерах. И т.к. снежинки часто в конце кадра оказываются на дробных координатах, то можно наблюдать их "дёрганье" в пределах 1-го пикселя. Это несущественно и, насколько знаю, не настраивается

[Евгения]

director-rentv, а ее там можно настраивать очень гибко под пользователя - объект с настройками предполагает, что можно сделать разную скорость, размер снежинок и направление ветра а также его силу
спасибо за ваш комментарий, мне очень приятно!

Answer 1

[Вальдемар Маяковцев]

У меня снег падает плавно. Ищи причину в ПО, нехватке ресурсов.