Archive for the ‘firebug’ Category

Firebug Impacts Google’s GMail Performance

Thursday, March 4th, 2010

If you’re a web developer or web designer you’ll need to read this support article I located on Google.

For the best Gmail performance, we suggest disabling Firebug for www.google.com.

Windows or Linux Users

To disable Firebug:

  1. Open the Firebug pane in your Gmail tab by clicking the Firebug icon.
  2. Click the down arrow next to the Net tab, and select Disable monitor for mail.google.com
  3. Repeat Step 2 on the Console and Script tabs.

If you’d like to keep Firebug running, you may improve Gmail performance by following these steps:

  1. Click the green or red icon in the bottom right corner of the browser window to open Firebug.
  2. Click the Console tab.
  3. Select Options.
  4. Uncheck Show XMLHttpRequests.
  5. Click the Net tab.
  6. Select Options.
  7. Check Disable Network Monitoring.

Mac Users

To disable Firebug:

  1. Click the green or red icon in the bottom right corner of the browser window to open Firebug.
  2. Click the bug icon in the top left corner of Firebug and select ‘Disable Firebug for mail.google.com.’

If disabling Firebug for Gmail doesn’t improve performance results, you may have to entirely disable Firebug.

Here’s the link to the original article. Google support document.

Web Developer Firefox Plug-ins

Saturday, November 14th, 2009
Firefox Addons

Firefox Addons

As a web developer I often need a “fix”. No, not caffeine. Ok, well maybe I don’t need “the fix” but some of the web sites I inherit do or a new feature being implemented may have some conflicts so I need to do some debugging in order for the site to work correctly and in many browser types and versions.  Alas, I have a little army of grunt software that gets me from point a to point z much more quickly than sys.outs or alert messages. I’ve saved numerous hours using the following set of Firefox Plugins. I’ll briefly outline them and provide a link. My favorite is Firebug and YSlow is pretty damn cool also!

Firefox Plugins

Firebug: You can edit, debug, and monitor CSS, HTML, and JavaScript live in any web page. Website http://getfirebug.com/

FireFTP: FireFTP is a free, secure, cross-platform FTP client for Mozilla Firefox which provides easy and intuitive access to FTP servers. Website: http://fireftp.mozdev.org/

FoxyProxy: FoxyProxy is a set of proxy management tools for Firefox, Thunderbird, Seamonkey, and Songbird: Website: http://foxyproxy.mozdev.org/

GreaseMonkey: Allows you to customize the way a webpage displays using small bits of JavaScript. Website: https://addons.mozilla.org/en-US/firefox/addon/748

IE Tab: This is a great tool for web developers, since you can easily see how your web page displayed in IE with just one click and then switch back to Firefox. Website: https://addons.mozilla.org/en-US/firefox/addon/1419

Screengrab: It will capture what you can see in the window, the entire page, just a selection, a particular frame… basically it saves webpages as images – either to a file, or to the clipboard. https://addons.mozilla.org/en-US/firefox/addon/1146

Web Developer Toolbar: The Web Developer extension adds a menu and a toolbar with various web developer tools. Website: https://addons.mozilla.org/en-US/firefox/addon/60

YSlow: YSlow analyzes web pages and suggests ways to improve their performance based on a set of rules for high performance web pages. Website: http://developer.yahoo.com/yslow/

Below is a view of the FireBug console.

Firebug Plugin

Firebug Plugin

Web Design Galesburg, Illinois 61401
Serving Web Design in Knox County