Profiling Dynamic Web Applications with Firebug

Do you remember how frustrating it can be trying to track down that missing semicolon or misplaced closing bracket? You probably already know this, but sometimes the difference between minutes and hours lost can be the quality of tools available to you. According to John J. Barton, if you’re programming dynamic web pages with Javascript and are using Firefox as your browser, then you definitely want Firebug in your toolbox.

Firebug is an open source add-on that integrates with Firefox to put a wealth of web development tools at your fingertips while you browse. Using Firebug, you can edit, debug, and monitor CSS, HTML, and JavaScript live in any web page.

In this short tutorial, Barton explains how to use Firebug’s JavaScript profiler to measure the performance of a web page. With performance information available, he then illustrates how to use Firebug to identify performance bottlenecks. To conclude the tutorial, Barton uses Firebug to demonstrate the performance improvements gained from the changes made using Firebug.

Also huffduffed as…

  1. Profiling Dynamic Web Applications with Firebug

    —Huffduffed by prassana on January 11th, 2010

  2. Profiling Dynamic Web Applications with Firebug

    —Huffduffed by damianpoole on January 12th, 2010

  3. Profiling Dynamic Web Applications with Firebug

    —Huffduffed by beautifulcode on February 11th, 2010

Possibly related…

  1. Even Faster Web Sites

    Steve is the author of High Performance Web Sites and the creator of YSlow, the Firebug extension. Now working at Google, Steve discusses the next set of best practices he’s developed, including advanced techniques for loading JavaScript, where not to place inline scripts, and the importance of using multiple domains to improve web performance.

    Steve Souders, Google

    —Huffduffed by tommorris 5 years ago

  2. Fritz Weisshart: Böses Javascript – Gutes Javascript?

    Wie setzt man JavaScript richtig ein, und was ist beim Einsatz von JavaScript zu bedenken und zu berücksichtigen.

    Kann und soll man denn nun JavaScript auf barrierefreien Seiten bedenkenlos einsetzen?

    Ist JavaScript böse? JavaScript ist „unreif“ für Screen Reader. JavaScript – no problem? „Gutes“ JavaScript? 3 Schichten Modell Graceful Degradation Progressive Enhancement Best Practice (JavaScript wird erwachsen.) Testen, testen, testen! Beispiele

    download

    Tagged with

    —Huffduffed by atag08 4 years ago

  3. Even Faster Web Sites [SxSW 2009]

    Steve is the author of High Performance Web Sites and the creator of YSlow, the Firebug extension. Now working at Google, Steve discusses the next set of best practices he’s developed, including advanced techniques for loading JavaScript, where not to place inline scripts, and the importance of using multiple domains to improve web performance.

    Slides here: http://www.slideshare.net/souders/sxsw-even-faster-web-sites

    Steve Souders, Google

    From http://2009.sxsw.com/taxonomy/term/44?page=2

    —Huffduffed by beautifulcode 4 years ago