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

Question

[lavezzi1]

Здравствуйте. Приведу пример. Сделал анимацию менюшки на vue фреймворке, а потом переделал этот же эффект на css. Хочу посмотреть насколько разница в производительности? Как отдебажить в хроме?

Comments

[Negwereth]

А там и смотреть не надо, css-анимации по-любому производительнее, так как рисуются отдельным слоем и обрабатываются на GPU а не CPU

[Андрей Б.]

Negwereth если использовать с умом )

[Negwereth]

Андрей Б.: Ну, если везде совать will-change, то да

[lavezzi1]

Negwereth: Это понятно. Но хочется цифр конкретных. Особенно в более сложных примерах.

[lavezzi1]

К тому же, will-change не стоит пихать везде где есть анимация.

[Negwereth]

lavezzi1: Это в виду и имелось

[Negwereth]

lavezzi1: И дайте пример сложного примера, что ли