Почему грузится CPU и как перенести нагрузку на GPU?

Question

[del993788]

Здравствуйте. Я анимирую transform, однако наблюдаю высокую нагрузку на CPU.

Суть анимация такая: при наведении на блок, должно приблизится главное изображение и при перемещении мыши по этому блоку, изображение должно также перемещаться.
Видео: https://yadi.sk/i/XfepvkILc7_0oA
https://jsfiddle.net/j5bcuar3/5/

1. Почему грузится CPU? Ведь, как я понял, при анимации transform грузится CPU не должен.
2. Подскажите, возможно ли как-нибудь оптимизировать эту анимацию, чтобы немного снизить нагрузку и повысить плавность?

Comments

[Kovalsky]

Можно попробовать will-change: transform добавить для анимируемых элементов

[Михаил]

У меня что с js что без него идёт 4% нагрузка при движении мыши

[del993788]

Kovalsky, делал. не дало преимуществ. На деле у меня 20 таких блоков по 4 в ряд

[del993788]

Михаил, чего?!
ты через диспетчер задач смотрел или через инспектор?

[Kovalsky]

qqignatqq, так-то у меня тоже нагрузка минимальная, 8% максимум

[Михаил]

qqignatqq, https://vimeo.com/394209193

[Kovalsky]

Михаил, так у тебя анимация походу вообще не работает

[Михаил]

Kovalsky, так походу я js вообще убрал

[Kovalsky]

Михаил, а в чем тогда суть этой проверки? Я думаю речь о том чтоб оптимизировать как-то анимацию, а не убрать её

[Михаил]

Kovalsky, что тут оптимизировать если с js и без него одинаково?

[Kovalsky]

Михаил, ну так ты хоть покажи что у тебя с такой же динамикой нагрузка не меняется

Хотя может быть в этом и нет смысла, если вдруг все расчеты на GPU были

[del993788]

Kovalsky, может быть у тебя intel core i9 последний? Как такая нагрузка? Ты смотришь именно в Performance Monitor?

[Kovalsky]

qqignatqq, ну конечно performance monitor. Не, у меня довольно слабый мобильный i3 в моноблоке леново. Вот только что проверил на ещё более слабом q6600, получилось 14% нагрузки на cpu, но что забавно так это то что те же 14% наблюдаются если возякать мышкой вне элемента, то есть сама анимация грузит процессор почти никак. Видимо и правда часть нагрузки идёт на gpu

[del993788]

Kovalsky, очень интересно. Ну вот у sprashivatel тоже фризы, так что я здесь не один. При том, что у меня не мобильный ПК, и видеокарта мощная...

Answer 1

[Alex]

Этим управляет браузер. Сами вы не можете повлиять с способ рендеринга. Кроме того, в браузере должна быть включено апаратное ускорение. Но даже с ним браузер может использовать CPU, если посчитает, что на устройстве садится батарея и нужно перейти в энергосберигающий режим.

Comments

[Надим]

У большинства энергосберегающий режим врубается сразу, как только ноутбук отключен от питания. Тут и стандартные настройки Windows влияют и сами браузеры норовят напихать функций для экономии батареи, например в Opera такое есть. В общем, я так думаю без сети у большинства будет всегда использоваться CPU, так как мало кто из пользователей детально настраивает режимы работы от батареи.

[del993788]

Надим Закиров, хочешь сказать, madebyevan.com/webgl-water - это будет лагать на ноутах?

[Надим]

qqignatqq, фиг его знает, я скорее хочу сказать, что большинство пользователей после покупки ноутбука, вряд ли будут ковыряться в режимах энергообеспечения, в настройках видеокарты и настройках браузера, а без этого стандартное поведение таково, что при отключении от сети не взирая на уровень заряда, система врубает экономию энергии на всех уровнях - экономит ПО видеокарты врубая свои хитрые режимы, экономит браузер и экономит даже Windows. И везде надо зайти и ручками прописать, что экономить от батареи не надо, без этого 100% производительно от батареи точно не будет.