Search code examples
google-chromedebuggingcakephpprofile

debug request timing using Chrome


Good Morning - Can someone point me to a good resource that would help me understand what's going on in a Chrome debug sources graph?

I want to understand what is going on during that big space of time between kendo.all.min.js and cake.generic.css.

Neither the apache logs nor the php logs give any hints.

I'm not looking for an answer necessarily, just what tools to troubleshoot the latency.

CakePHP 2.6.2, Kendo UI PHP (trial), Xamp 3.2.1


Solution

  • Browser load resource files (Javascript, CSS, images, etc.), for latency inspecting, you press F12, choose Network, press and hold to see Latency timeline.

    enter image description here

    (open screenshot image in a new windows for big size)