new UI performance issue

[sbernard31]

There is currently some performances issue about the new UI of server demo.

This is mainly to display an ObjectView.

To reproduce just switch from LWM2M Server object to Device object (and vice-versa):

[sbernard31]

Some performance tips :

• https://codeburst.io/5-vue-performance-tips-98e184338439
• https://vueschool.io/articles/series/vue-js-performance/
• https://dev.to/veebuv/5-extremely-easy-ways-to-drastically-improve-your-vuejs-app-s-speed-5k0

[sbernard31]

There is a lot of time to render transition which I can not even see.

Just rendering v-icon or v-btn sounds very slow too :

[sbernard31]

I asked about this on vuetify discord and get this answer :

yeah if you look at the bottom-up list you'll see lots of the time is spent validating prop types and initialising reactive properties. I think this is mostly just a limitation of vue 2 with complex components, and will hopefully be a bit better in v3

😞

[sbernard31]

I tried some optimization ☝️ 045f2b9
It seems a bit better.

(chromium seems to behave faster than firefox 🤔)

[sbernard31]

If anyone expert in vuejs/vuetify would like look at this. He is welcomed 🙏