Hi Team ,
How to optimise performance of vue application .
project is metronics8-vue-demo2,
url : https://preview.keenthemes.com/metronic8/vue/demo2/?_ga=2.203269783.706534553.1640184084-1824425996.1640184084#/dashboard
current metrics :
First Contentful Paint : 19.0 s
Speed Index : 19.0 s
Largest Contentful Paint : 39.4 s
Time to Interactive : 33.6 s
Total Blocking Time : 1,230 ms
Cumulative Layout Shift :0.01
also at what most we can reduce Time to Interactive .?
By default, we are loading all plugins which are used for demo purposes.
You can remove unneeded plugin styles from metronic/vue/demo1/src/App.vue and metronic/vue/demo1/src/main.ts.
Also, the image amount used on the page influence the page loading time as well so decreases the image amount used on your page to decrease page loading time.