I have this CI app that shows an interminable loading process. I want to know what chunk of the page is causing this.

Now I am using Firebug with Google PageSpeed and YSlow. Is there something more appropriate?


In Google Chrome, the "Network" tab from "Developer Tools" can provide details on how long each of the page's resource took to load.

  • 1
    +1! And more info about Google Chrome's Developer Tools at html5rocks.com/en/tutorials/developertools/part1 – Alerty Oct 15 '11 at 6:12
  • 1
    For more details, you might also want to check out the Chrome Speed Tracer extension -- it gives you pretty precise timing information, not only on when which embedded piece of content downloads, but also how & when JavaScript is executed, when your layout needs to be recalculated, etc. – John Mueller Oct 15 '11 at 16:03
  • Nice tool. But its only in FF that occur this. It is the icon over the tab that shows when the request is being sended and when the resources are being downloaded. This icon never stop. Using this tool and Net of firebug all resources shows a properly time and statuses 304 and 200. – Igor Parra Oct 16 '11 at 17:46

The net panel in Firebug will show you how long each individual resource in a page takes to load.

  • Yes, but not helps in this case, THX – Igor Parra Oct 16 '11 at 17:30
  • Then you need to expand your question with why it's not helpful, because this is pretty much exactly what you're asking for, as is the Chrome tool mentioned above. – Su' Oct 16 '11 at 18:26
  • I already said in my question that I use firebug. I added a comment in the previous answer. – Igor Parra Oct 16 '11 at 22:26

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.