Any way to show render times of widgets to aid performance debugging

Is there any way to see how long each widget on a page took to render?

We've been looking at pages which have had widgets dropped on them, some of which have increased loading times of the page to 20+ seconds. The only way we've been able to figure out which widget was causing it was to remove widgets from the page 1-by-1.

It would be ideal if there was some way to toggle on a debug mode that displayed the render time of each widget.. making it very easy to see problematic widgets. Is this something that's built into the platform already?

Or is there another approach I could take to debug this type of issue?

Parents Reply
  • Tracing data is sent directly via the socket bus to the browser. Do you have a Socket Bus installed, and if so, which one/how is it configured?

    As a stopgap to view the data, you could register a client socket script to listen for tracing socket messages and log them to the console / do something else with them.

    $.telligent.evolution.sockets.tracing.on('tracing.step_completed', function (data) {
    	// ...
    })

    Note that the socket message name 'tracing.step_completed' is not considered extensible or upgrade-safe.

Children