Как определить fps сайта при скроле?

Question

[Александр Вербицкий]

При прокрутке на мобильном телефоне, в основном на яндекс браузере, сайт притормаживает. Как определить с помощью javascript какой fps и что именно его так тормозит?

Ссылка на сайт удалена модератором.

Comments

[Maxim Kirshin]

Можно в Chrome DevTools.
- Вкладка Rendering -> Frame Rendering Stats
- Вкладка Rendering -> Scrolling Perfomance issues
- Вкладка Perfomance -> Record

[Александр Вербицкий]

Что-то нет тут вкладки Rendering...

[Maxim Kirshin]

Александр Вербицкий, https://developer.chrome.com/docs/devtools/rendering/

[Teleweb developer]

Он наверное хочет на языке js узнать

Answer 1

[Ch cgtj Hihf]

Chrome DevTools.
Производительность.
Начинаете запись , крутите , вертете.
Заканчиваете запись CTRL+E , или кнопкой в панеле.
Ждете , смотрите статистику.
(может это не то я не совсем уверен)

Comments

[Roman K]

Какие-то проблемы с буквой "е":)

[Ch cgtj Hihf]

Roman K, английская?

[Ch cgtj Hihf]

Roman K, попробуйте кнопкой в панели

Answer 2

[Griboks]

Формально никак. Просто потому, что js код не может получить доступ к event loop браузера. Разумеется, можно написать setTimeout(...,0), но этот трюк вовсе не гарантирует вызов callback в следующем фрейме. С другой стороны, вы можете запустить цикл с искусственной прокруткой для имитации действий пользователя, но эта симуляция даст опять же неточный результат.

Очевидно, лучше для профайлинга использовать devtools.

Answer 3

[Вадим Герин]

CreativeRusBear's FPS extension плагин для хрома показывает фпс