Как узнать загруженность CPU в DevTools Perfomace?
В DevTools (инспектор), во вкладке Perfomace есть график CPU:
Это загруженность всего CPU или только какую нагрузку оказывает данный сайт? (А то я тестирую простенькую анимацю, а загруженность 1/3, хотя ПК норм)
Почему нет процентов? (Я должен как-то через миллисекунды рассчитывать загруженность или как? Через диспетчер задач не очень удобно отслеживать нагрузку
Ну там же дофега всего есть и FPS тебе и загрузку процессора покажет и можно даже искусственно затротлить процессор, получив слоудаун в разы, чтобы эмулировать более слабые девайсы.
like-a-boss, вкладка Performance monitor показывает какую нагрузку оказывает только данная страница?
P.S.: Изначально не было данной вкладки, поэтому и возник вопрос (гуглить пробовал, даже побывал на сайте гугла про DevTools. Возможно, плохо гугли, не спорю). Вообще, первый раз тестирую анимации, т.к. они оказали ощутимую нагрузку на пк
Максим Виксна, Некоторые из вкладок в DevTools не показаны по умолчанию. Там есть настройки и можно включить дополнительные вкладки. Нажал на три вертикальные точки:
вкладка Performance monitor показывает какую нагрузку оказывает только данная страница?
Не уверен, но либо Хром в целом, либо вкладка. Это значения не имеет, так как при простое нагрузка должна стремиться к нулю, а при нагрузке будет заметно возрастать и давать понимание о производительности кода.
Максим Виксна, Касаемо анимаций, это в некотором роде наука. Можно одно и то же сделать разными способами, а получить огромную разницу в производительности. Советую углубиться и почитать, какие свойства лучше всего анимировать.
Максим Виксна, Сухие цифры не дадут никакого представления. Они ведь относительно некоторого железа. Для понимания, я бы сделал так: взял бы какой-нибудь минимально приемлемый по производительности на сегодня аппарат типо iPhone 5s и посмотрел как на нём ведёт себя сайт. Отсюда уже и танцевать.
like-a-boss, в свой проект решил добавить данную анимацию, но таких элементов на одной странице достаточно много, они заметно тормозят сайт. По коду там не велосипед, всё сделано при помощи gsap, по идеи всё должно быть максимально оптимизировано с их стороны (во всяком случае так писали на форумах). Решил почитать как быть в данной ситуации, как оптимизировать анимации, и было найдено одно подходящее решение, это останавливать движение кляксы когда она не в поле видимости, поэтому я тестирую какой метод остановки лучше всего подойдёт (т.е. меньше всего нагружает CPU). В gsap для tweenline много методов остановки анимаций, и они по разному влияют на загруженность CPU. Я как-то читал про свойства, но в данном случае меняется значения SVG
Максим Виксна, сама по себе(одна) эта анимация почти ничего не грузит у меня.
Анимации лучше брать в основе которых лежит канвас, svg менее производителен по определению.
Если интересно, то у меня есть плагин для анимаций в замену jquery'ного метода $.animate (не для данного случая, а в целом). Легковесный, на ванильном JS. SmoothAnimate Справляется лучше, чем некоторые CSS анимации.
Здравствуйте, Пашенька! Вы случайно не знаете, что будет меньше нагружать CPU: на сайте есть много кнопок, к каждой из которых прикручен обработчик событий, если сделать один обработчик для всего документа и добавить switch case, то это будет также по эффективности или лучше?
P.S.: можно хотя бы Вашу почту? можете потом удалить сообщение с почтой
