Is there a web developer functionality/tool that allows us to know how many times a browser is doing reflows?
basically I want to have some sort of feedback/information. I don't know how it will be, but perhaps some sort of performance graph that shows the timeline (akin to Google's Speed Tracer) so I can investigate when suddenly at a point the browser is doing an insane amount of reflows so I can point out hey here's a bottleneck, there got to be a bug/bad implementation of something here or something.
You can track reflow information if you have a custom built Firefox.
How to build Firefox with enable debugging mode: https://developer.mozilla.org/en-US/docs/Developer_Guide/Build_Instructions
Sometime after late 2013, the reflow logging is built into Firefox logging.
In browser console (Tools > Web Developer > Browser Console), in the [CSS] menu, select "Log"
©2020 All rights reserved.