How to

Open the Performance tools

To open the Performance tools:

  • press Shift + F5

  • select “Performance” from the Web Developer submenu in the Firefox Menu (or Tools menu if you display the menu bar or are on OSX)

  • select “Performance” from Tools button, in the Toolbar, if you have one:

../../../_images/devtools-button.png

Record a profile

To start a new recording, press the stopwatch icon in the Recordings pane. To stop, press it again:

../../../_images/perf-record.png

You can also start and stop recording from the Web Console, using console.profile() and console.profileEnd().

Save a profile

To save a profile, click the link labeled “Save” in the Recordings pane:

../../../_images/perf-save.png

Load a profile

To load a profile, click “Import…” and choose the file:

../../../_images/perf-load.png

Clear all loaded profiles

To clear all loaded profiles, click “Clear”.

Note

If you do this, you’ll lose any loaded profiles that you have not saved.

../../../_images/perf-clear.png

Select a tool

To switch between the Waterfall, Call Tree, and Flame Chart tools, use the buttons in the toolbar:

../../../_images/perf-select.png

Configure markers displayed

To control which markers are shown in the Waterfall, use the button in the toolbar:

../../../_images/perf-markers1.png

Zoom in

To zoom into a slice of the recording, select that slice in the recording overview:

../../../_images/perf-zoom1.png