Loading times... reloaded

[Marco]

Credit goes to amCharts for the template (https://www.amcharts.com/demos/pie-char ... theme-none @ https://www.amcharts.com/).

Just an eyecatching way to visualize XY loading times.

Remarks:
-it works best on high resolution screens (FullHD and above)
-the rendering part is slow (blame it on IE engine)

[TheQwerty]

Awesome work!

[klownboy]

Very nice and COLORFULL work!
My top 3 were:
Init Cust file Icons - 22.90 %
Start load - 13.55 %
Init Cust Toolbar Icons - 11.15 %

[bdeshi]

Very creative!

It looks better fullscreen.

[Filehero]

Hi Marco,

cool/great. I've saved it as

Code: Select all

PrettifyXYLoadingTimes

q: can the listing be rendered sorted by time?

Cheers,
Filehero

PS: didn't know, that CFI take that much (relative) time to get initialized

[highend]

Sure you can sort them. But instead of hacking the javascript use xy scripting...

Add the last line to the code (I'm showing the previous line to know where it has to be placed):

Code: Select all

 $loadtimes = regexreplace("$loadtimes", ' ms - ', '|');
 $loadtimes = formatlist($loadtimes, "nr", "<crlf>");

To sort them from 0 to xxx, just use "n" and leave out the "r"...

[admin]

Wow, didn't know that JS can do such things. And I love the 3D Donut, especially for breakfast.

PS: didn't know, that CFI take that much (relative) time to get initialized

That depends on the I in CFI, their number and location. And on the state of Windows. Timing under Windows is complex. The time something takes is always the time that Windows allows it to use. And this depends on lots of other things.

[bdeshi]

Wow, didn't know that JS can do such things.

JS can do even more, much more, interesting stuff - problem is, XY's IE engine doesn't support most of them.

[Marco]

Thank you all!
This was almost a proof of concept for me. I mean, I would have loved to make a fancier waterfall chart like this one, http://demos.telerik.com/kendo-ui/water ... horizontal , but then no labels available. Hell, I even download Firefox source code to see what's inside its Network monitor (I love the charts there), but it's too complex for me...

[TheQwerty]

Congrats on 2000, Marco!

2016-03-10 103251.png (1.96 KiB) Viewed 3296 times

[highend]

Congrats on 2000, Marco!

[Marco]

This round's on me!

[Filehero]

Hi highend,

Sure you can sort them.

I know.

But time is limited...

[starstuff]

Hi all!

Very great job Marco!

JS can do even more, much more, interesting stuff - problem is, XY's IE engine doesn't support most of them.

Is it possible to replace the XY's IE engine to chrome or firefox engines?

[highend]

Is it possible to replace the XY's IE engine to chrome or firefox engines?

You can always wrap up the code from the script in correct html and open it with the browser of your choice afterwards. No need to bloat XY's size by including other web engines