leshan icon indicating copy to clipboard operation
leshan copied to clipboard

Published 20 hours ago • verified publisher icon eclipse-leshan

new UI performance issue

Open sbernard31 opened this issue 4 years ago • 5 comments

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): Capture d’écran de 2021-06-02 15-01-44

sbernard31 avatar Jun 02 '21 09:06 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 avatar Jun 02 '21 09:06 sbernard31

Capture d’écran de 2021-06-02 11-57-19

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 : Capture d’écran de 2021-06-02 11-59-00 Capture d’écran de 2021-06-02 11-59-23

sbernard31 avatar Jun 02 '21 10:06 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

:disappointed:

sbernard31 avatar Jun 02 '21 16:06 sbernard31

I tried some optimization :point_up: 045f2b9 It seems a bit better.

(chromium seems to behave faster than firefox :thinking:)

sbernard31 avatar Jun 02 '21 16:06 sbernard31

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

sbernard31 avatar Jun 02 '21 16:06 sbernard31