Context: Our team has both HTML and SPA websites. Each webpage of each website has (mostly) independent widgets. Each widget is a different type of graph (bar chart, pie chart, etc). These charts get the data from our APIs and hence few graphs load faster than the others because of the difference in the size of data that is being fetched from APIs.
What I’m trying to get: We want to track how fast our users are able to interact with the charts. So we are trying to get the loading time for each widget, which is similar to getting the avg generation time for each page (this report is available by default).
What I tried: I looked into setting dimensions for each widget hoping that it would give load time for each widget. But soon realized that it is not the way and it is unfeasible.
Can someone please help me regarding this. Also, please let me know if I can provide any more details. Thank you.