Ребят, вопрос про JS и браузеры. У меня есть красивая анимация

Question

Svelte [svelt] - All about Svelte JavaScript framework.

Ребят, вопрос про JS и браузеры. У меня есть красивая анимация

(CSS, анимируется только transform), которую я хочу оставить в продукте. Но на определённых девайсах (читай, старых) анимация как минимум заводит вентиляторы, а как максимум — начинает проседать FPS. Идеальное решение было бы — отключать анимацию, если девайс слабенький. Как это провернуть? Я знаю, что можно узнать количество ядер процессора почти везде и узнать количество памяти — только в хромах (еще делаем поправку на блокировщики, которые заставляют это свойство возвращать мусор).
Но всё это никак не помогает с GPU-анимацией. Что делать?

#programming #russian #svelte

0

14.01.2021

12 ответов

13 просмотров

Mark Tanashchuk 🇺🇦

Как минимум prefers-reduced-motion

0

14.01.2021

Daniil Kozlov Автор вопроса

Wsevolod
will-change не помогает?

Это помогает, если анимация однократная и глючит на старте. У меня infinite и не особо глючит, кроме очень старых. Так что неть.

0

14.01.2021

Mark Tanashchuk 🇺🇦

Daniil Kozlov
Это помогает, если анимация однократная и глючит н...

Наоборот при постоянных вычислениях*

0

14.01.2021

Daniil Kozlov Автор вопроса

Mark Tanashchuk 🇺🇦
Как минимум prefers-reduced-motion

afaik, это для всяких эпилептиков, чтобы просто не было анимаций. Старые браузеры эту штуку не ставят, нет?

0

14.01.2021

Mark Tanashchuk 🇺🇦

Daniil Kozlov
afaik, это для всяких эпилептиков, чтобы просто не...

Вроде нет, но у меня старый планшет читалка и очень просто ставится

0

14.01.2021

Daniil Kozlov Автор вопроса

Mark Tanashchuk 🇺🇦
Вроде нет, но у меня старый планшет читалка и очен...

Эта штука из системных/браузерных настроек. https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-reduced-motion#user_preferences Мне кажется, эту штуку устанавливают очень редко, если хоть когда-нибудь. По большей части её ставят, если от анимаций голова кружится и всё такое. Ускорить анимации оно не поможет. И, в любом случае, оно у меня уже есть.

0

14.01.2021

Mark Tanashchuk 🇺🇦

Daniil Kozlov
Эта штука из системных/браузерных настроек. https:...

В андроид при установке времени анимаций 0 - включается =)

0

14.01.2021

Daniil Kozlov Автор вопроса

Mark Tanashchuk 🇺🇦
Наоборот при постоянных вычислениях*

Нет, ровно наоборот. Это способ сообщить браузеру, что какое-то свойство вот-вот поменяется, поэтому ему, браузеру, надо провести подготовительную работу. На бегущей в цикле анимации это никак не скажется. https://developer.mozilla.org/en-US/docs/Web/CSS/will-change

0

14.01.2021

Alexander Ponomarev

Daniil Kozlov
Нет, ровно наоборот. Это способ сообщить браузеру,...

наличие изменяющегося свойства трансформ действительно и так будет оптимизировано

0

14.01.2021

Alexander Ponomarev

насколько я знаю нет такого способа

0

14.01.2021

⁣Аидрфй