Как мы исследуем, сколько раз браузер делает пересчеты?

Есть ли функциональность/инструмент веб-разработчика, который позволяет нам узнать, сколько раз браузер делает пересчеты?

В принципе, я хочу иметь какую-то обратную связь/информацию. Я не знаю, как это будет, но, возможно, какой-то график производительности, который показывает временную шкалу (подобно Google Speed Tracer), поэтому я могу исследуйте, когда внезапно в точке, в которой браузер делает безумное количество переплавов, поэтому я могу указать, что это узкое место, должно быть ошибка/плохая реализация чего-то здесь или чего-то еще.

Ответы

Ответ 1

В Chrome и Safari есть вкладка "Временная шкала" в веб-инспекторе, где вы можете увидеть все пересчеты и перерисовки, сделанные браузером.
Firefox имеет MozAfterPaint событие. Это поможет вам понять, какие области страницы и перерисовать браузер. Firebug Paint Events add-on может быть здесь полезен. Он показывает события перерисовки в консоли FireBug.

Ответ 2

Вы можете отслеживать информацию о переполнении, если у вас есть пользовательский встроенный Firefox.

см. ниже: https://developer.mozilla.org/en-US/docs/Debugging_Frame_Reflow

Как создать Firefox с включенным режимом отладки: https://developer.mozilla.org/en-US/docs/Developer_Guide/Build_Instructions

Ответ 3

Когда-то после окончания 2013 года журнал регистрации плагинов встроен в протоколы Firefox.

https://mail.mozilla.org/pipermail/firefox-dev/2013-October/001044.html

В консоли браузера (Инструменты > Веб-разработчик > Консоль браузера) в меню [CSS] выберите "Журнал"