Как оценивать производительность сайта со множеством анимаций?

Question

[godsplane]

На мощном пк, сайт может работать шустро и особо не заметишь какието пролагов, но на устройстве попроще (коих больше чем мощных) уже будут различные пролаги, особенно это касается телефонов.

Вопрос именно в отладке анимаций (framer motion + nextjs), потому что гугл пейдж спид показвает все по 100 баллов, но на каком нибудь macbook air уже есть некоторые фризы.

И вот как отлаживать слабые места анимаций, чтобы понимать от чего стоит отказаться или что улучшить.

Я понимаю что можно использовать профилировщик, но как именно без понятия.

Comments

[Viktor T2]

Субьективно - с виртуалки с занижеными параметрами.
Можно виртуалить и винду и линукс и андроид

[godsplane]

Viktor T2, только как это мне поможет оценить слабые места анимации

Answer 1

[Dimonchik]

Я понимаю что можно использовать профилировщик, но как именно без понятия.

первое чувство - самое сильное
потому что - НИКАК

можете дешево и сердито попробовать сервисы типа
https://www.browserstack.com/
https://blisk.io/

да, они за адаптивность, а не мощность, но - ВДРУГ, с чего-то же устройства разные там указываются а не просто разрешения, вдруг действиельно там норм эмулятор

по классике же - ничего нового - покупаете пак айфонов, пак Андроидов (тут сложнее, ну или попросту - больше штук),
хотите сэкономить - посмотрите по useragents сколько у вас каких пользователей

и - QA макака

в автотесты такое лезет плохо ибо все попытки сэмулировать устройство не бьются с реальностью

но в целом - если есть лаги на более мене популярном количестве посетителей - лучше такое убрать

Comments

[godsplane]

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

[Dimonchik]

а, так это просто - тут профилирование конечно+ опыт

[godsplane]

Dimonchik, спасибо,помогло