How to track what gives the load in a vue application?

Question

JavaScript

I have a vue app. Used by vuetify.
Tables are switched by the tab component. The tables are big enough. Cells are also components. There is a noticeable delay when navigating through tabs. All data is calculated and should not be recalculated during rendering.
I looked in html, hidden elements have display:none there, but they are formed. It turns out that the delay is purely due to the browser.
About browsers: in chrome, the delay is still tolerable, but in ie it will not work at all.
In this regard, the question is: are there any ways or tools to find the causes of such problems.
I know there is a tool in vue-cli 3, but I have a second one.

Answer 1

Why not run a profiler in your browser and see what's eating up time?