Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Why is Firebug making website slow and how to fix it?

I am trying to debug my web app and i have realised that firebug is making it damn slow. Is there any reason for this? Are there any set of reasons like maybe long js file which cause this problem?

Thank you very much.

UPDATE Am developing a web-app which will be primarily used by developers. Now if I dont find out what exactly is making firebug make my website slow, I will have to display one of those ugly Gmail style warnings. :(

like image 828
Alec Smart Avatar asked Apr 28 '09 16:04

Alec Smart


4 Answers

Firebug is pretty intense on the ram. Certain applications like gmail detect that firebug is opened and warn the user that they might have a slower experience than usual.

Just turn it off when you don't need it.

UPDATE Am developing a web-app which will be primarily used by developers.

EDIT: Based on what you edited, I remembered that article concerning firebug : http://blog.getfirebug.com/?p=124

In the new model, if you can see Firebug, then its active. If you can’t it’s not.

I guess the developers using your website can figure on their own that if they have firebug opened it will slow down the website, right? If not I suppose that you have no choice but detecting if FB is opened and display an error message.

This chunk of code could also help :

if (window.console && window.console.firebug) {
    /* firebug found! */
}

There is also a way to disable some functionnalities :

if (! ('console' in window) || !('firebug' in console)) {
    var names = ['log', 'debug', 'info', 'warn', 'error', 'assert', 'dir', 'dirxml', 'group', 'groupEnd', 'time', 'timeEnd', 'count', 'trace', 'profile', 'profileEnd'];
    window.console = {};
    for (var i = 0; i < names.length; ++i) window.console[names[i]] = function() {};
}

I haven't tested it (found here : http://davidwalsh.name/how-to-sniff-firebug-disable)

Hope that helps

like image 60
marcgg Avatar answered Nov 05 '22 14:11

marcgg


Firebug is a debugger. It must inject itself into Firefox in various ways in order to provide you with information you would normally not have available to you. Use it for debugging, turn it off when you don't need it, turn off the features you don't need (network, script, console...) when you don't need them.

like image 42
Shog9 Avatar answered Nov 05 '22 14:11

Shog9


Firebug is basically a nice Javascript debugger. It provides traditional debugging features, like breakpoints and the ability to watch values, but it also lets you dig in and explore DOM elements.

Ultimately, if you've got a very large site (in terms of client-side code and complexity) then yes, Firebug can be a burden. First of all, disable any Firebug features (console, net, etc) that you aren't using.)

The only real way to remedy this is to -try- and see if you can work on only a portion of the Javascript you need by temporarily removing some of the other code. Generally, this just isn't feasible, but there isn't much more you can do.

like image 5
Anthony Avatar answered Nov 05 '22 13:11

Anthony


Firebug can be hidden or shut off completely per tab.

If you pressed F12, it will be hidden only. Switching to that tab will cause a delay sometimes, and things can feel slow in that tab too.

Press Shift + F12 to fully shut it down in that tab, and that tab will be fast again.

like image 2
lulalala Avatar answered Nov 05 '22 12:11

lulalala