download mozilla firefox web developer tool

The WebDeveloper preset is intended for profiling standard web pages and the rest is for profiling Firefox. The profiler can be also used for profiling Firefox itself and Mozilla is extensively using it to make Firefox fast for millions of its users. To make customization easier some presets are available and the Web Developer preset is selected by default. There are many options that can be used to customize how and what performance data should be collected to optimize specific use cases (see also the Edit Settings… link at the bottom of the panel). You might want to follow this detailed UI Tour presentation created by the Performance team at Mozilla to learn more about all available features. The inspection capabilities of the UI are powerful and let the user inspect every bit of the performance data. You should see something like the following: When the user clicks on Capture recording all collected data are visualized in a new tab. Cancel recording – Stop recording and throw away all collected data.Capture recording – Stop recording, get what’s been collected so far and visualize it.the profiler is gathering performance data) the user can see two more buttons:

Check out the screenshot below.Īs indicated by the onboarding message at the top of the new panel the previous profiler will be available for some time and eventually removed entirely. The only thing the user needs to do to start profiling is clicking on the big blue button – Start recording. The new Performance panel is available in Firefox DevTools Toolbox by default and can be opened by Shift+F5 key shortcut. This makes it easier to collaborate on performance issues, especially in a distributed work environment. The icing on the cake of this already extremely powerful tool is that you can upload collected profile data with a single click and share the resulting link with your teammates (or anyone really). This panel is now based on the Firefox profiler tool that can be used to capture a performance profile for a web page, inspect visualized performance data and analyze it to identify slow areas.

In Firefox 98, we’re shipping a new version of the existing Performance panel.

Download mozilla firefox web developer tool