CODEWITHSUNDEEP
performancebrowserfirebug
morgancodes
morgancodes

Reputation: 25285

How can I use Firebug to tell what's causing slow page loads?

I'm working on a complex page with multiple scripts, CSS files, lots of dynamically generated HTML, scripts loading scripts, and all kinds of crazy stuff. Naturally, the page can load quite slow sometimes.

I'm finding it difficult to tell, in realtime, what exactly is slowing it down. Can Firebug's "net" tab help me with this? I've looked at the "net" tab, of course, but it seems that it only shows files after they're loaded. Is there another tool that can help me? What I want is to be able to see that the page is still loading, and see exactly what's still loading.

FireFox's status bar tells me a little bit... it says "Waiting for www.mydomain.net", but it doesn't tell me exactly which file it's waiting for. I'm assuming there is a single file that's the bottleneck here, that's blocking all subsequent files from loading, but I'll admit, I don't know that much about the nitty gritty of how browsers fetch files.

Upvotes: 1

Views: 3891

Answers (6)

Zan Lynx
Zan Lynx

Reputation: 54393

If you wait until the page does finish loading, Firebug will show you the file that took so long in the Net tab.

I agree that it would be great for Firebug to show all of the currently loading files.

Upvotes: 0

D'Arcy Rittich
D'Arcy Rittich

Reputation: 171579

There is a plugin called YSlow for Firefox that should help.

Upvotes: 5

Sean Vieira
Sean Vieira

Reputation: 160073

Your best bet in that case would be something like Fiddler (stand-alone program), Tamper Data, or Live Headers (both Firefox plugins).

Each lets you see the HTTP requests as they come in. These give you real time views of what is being requested and should give you more insight into what is hanging your site up. Good luck!

Upvotes: 2

scunliffe
scunliffe

Reputation: 63676

On the Console tab - click profile... it will help you pinpoint which functions are running slow.

I also highly recomend the YSlow addon for Firebug. It will help diagnose lots of issues from caching and gzipping to the number of HTTP requests that might be slowing things down.

Upvotes: 4

George V. Reilly
George V. Reilly

Reputation: 16333

There's also Google Page Speed, which does similar things to YSlow.

Upvotes: 3

Mike Dunlavey
Mike Dunlavey

Reputation: 40709

Something that complicated is bound to have room for improvement. I'm not a Firebug expert, but can you pause the execution and look to see what it's doing and why? If you do that a few times, you should be able to spot time expenditures that aren't really necessary.

Upvotes: -1

Related Questions