[Bug Report][3.3.19] Performance issue when using v-tooltip component

[MaxenceMouchard]

Environment

Vuetify Version: 3.3.19
Vue Version: 3.3.4
Browsers: Chrome 117.0.0.0
OS: Windows 10

Steps to reproduce

Put a hundred tooltips in a component and realize that refresh takes considerably more times.
this is not the case with others components like v-btn for example.

Expected Behavior

Should load instantly

Actual Behavior

May take a few seconds to load

Reproduction Link

https://play.vuetifyjs.com/#...

Other comments

I don't expect loading a tooltips component to take much longer than loading any other component. Maybe that makes sense to you and you can explain. I apologize in advance for the inconvenience if this is the case.

In my use case:
I load a large data tree, in which I have several action buttons on each item, and then tooltips for each button.
Without tooltips, my tree loads instantly, but with tooltips it takes over 5 seconds to display.

[moh-incom]

I am having a similar problem and would like a fix/some clarification

[KaelWD]

You have 1000 items not 100. On my phone the initial render takes 3.5s:

• 400ms is in a vue internal function that I've opened a PR to fix (perf(runtime-core): memoize getType vuejs/core#9739),
• 250ms is addEventListener that I've made lazy (ca2174c),
• and another 550ms is garbage collection which isn't really avoidable.

Everything else is just a consequence of rendering so many complex components at once, you should use https://vuetifyjs.com/en/components/virtual-scroller/ to only render what is actually visible on the screen.

I don't expect loading a tooltips component to take much longer than loading any other component

One tooltip actually results in 7 components being created.

[MaxenceMouchard]

Yes, 1000 or 100 is not the relevant information here.

Thank you for this fine details and thank you for your time on the subject.
Thank you, for highlighting virtual scroller here, I didn't know about it.

Unfortunately it doesn't work in my case because it's not a flat list that I'm displaying, but nodes and I don't scroll in my nodes but in the tree menu as a whole.
I finally added a collapse effect with a v-if isOpen on each node, so my problem's solved.
Nevertheless, your commit on performances are appreciated.

Thanks again :)