Как отслеживать производительность выполнения JavaScript?

Question

Итак, у меня есть этот ванильный код JavaScript, который работает очень медленно на некоторых старых мобильных устройствах (например, iPhone 5), но работает безупречно на новых устройствах (например, iPhone 7). И я говорю не о скорости загрузки, а о реальной функциональности JavaScript. Я использую несколько addEventListener для обработки базовых вещей, таких как показ и скрытие divs, включая оверлей div с прозрачной непрозрачностью. Когда я нажимаю кнопку, с которой связан addEventListener, иногда требуется до двух секунд, чтобы отобразить и / или скрыть divs. Иногда это даже не происходит, и мне придется снова нажимать кнопку. Я не буду делиться здесь всем файлом JS, но могу заверить, что он довольно простой. Я хочу знать, есть ли какой-нибудь способ отслеживать скорость выполнения кода JavaScript ... Например, я не уверен, что это что-то в реальном коде JS, или это медленно, потому что браузер требует много времени для рендерингаЭто. Любая помощь приветствуется! =)

Answer 1

2 доступных способа:

Инструменты разработчика в Chrome, но Firefox более полезен для отслеживания производительности:

Также попробуйте performance.now(), никогда не использовал его, но слышал об этом,Может быть, это поможет.

РЕДАКТИРОВАТЬ: Вы также можете проверить, как это работает через точку останова. Я полагаю, вы можете установить точку останова в Chrome и Firefox.