- Forward


ECMAScript/JavaScript Profiling
Using Firebug


Prof. David Bernstein
James Madison University

Computer Science Department
bernstdh@jmu.edu

Print

Getting Started
Back Forward
  • Distribution:
    • Firebug (which is both a debugger and a profiler) is distributed as a Firefox plug-in
  • Setting Up:
    • Downloading the plug-in will start the installation process (which you will need to "Allow")
    • You may need to re-start Firefox to complete the installation
The Process
Back Forward
  1. Start Firefox
  2. Start Firebug by clicking on images/firebug-logo.gif in the toolbar
  3. Select the Console tab
  4. Select "All"
  5. Start the profiling process by clicking on "Profile"
  6. Load the HTML page containing the code to profile
  7. Use the code
  8. Stop the profiling process by clicking on "Profile" (which will generate the report)
Network Performance
Back Forward
  • Retrieving the Scripts:
    • The "Net" tab in Firebug has a "JavaScript" filter that provides information about the time required to retrieve scripts
  • XMLHttpRequest:
    • The "Net" tab in Firebug has an "XHR" filter that provides information about the time required to perform GET requests using XMLHttprequest
    • Example: The Slideshow App Click here for a demonstration.
An Example
Back Forward

Profiling a 1-Dimensional Optimization Algorithm Click here for a demonstration.

ecmascriptexamples/optimization/GoldenSection.js
 

Profiling an n-Dimensional Optimization Algorithm Click here for a demonstration.

There's Always More to Learn
Back -