DevTools/Performance

From MozillaWiki
Jump to: navigation, search

Team

Current Team fitzgen, gregtatum
Previous Members jsantell, vporof (moved to Project Tofino, but are still available for questions)
Product Management
SpiderMonkey Liason shu
Gecko Layout Liason
Mailing Group dev-developer-tools

Overview

DevTools' Performance Tools are a set of tools designed to identify, locate and resolve jank and responsiveness issues in web applications, FxOS apps, and Firefox itself. There are currently three main views for inspecting sampling and marker data (waterfall, call tree, flame chart).

Some experimental views are currently available optionally, such as allocation views, and the JIT Optimizations view.

DevTools Performance Tool's Timeline

Bugzilla

Helpful Bug Searches

Search Description
Meta Bugs The top-level bugs that are a good starting place to see what work needs to get done. Dependent bugs are set to block these meta bugs.
Good First Bugs Looking for a place to start contributing? Pick up one of these bugs.
Bug Fixes Help improve the quality of the tool by fixing bugs that impact the user.
All Open Bugs All of the bugs open on the tool.
Priority P1 The most important bugs being actively worked on.
Priority P2 Important bugs that need to get done soon.
Priority P3 The backlog of work to do.
Untriaged Bugs New bugs that haven't been marked P1, P2, or P3.
Intermittents Bugs filed on intermittent test failures. It's helpful to look them up on Orange Factor to see how often they are failing.

Meta Bugs

Title Meta Bug All Dependent Bugs P1
Bug Fixes Bug 1307838 List of all dependent bugs
React DOM Bug 1258642 List all dependent bugs Yes
JIT View Bug 1143804 List all dependent bugs Yes
Redux Bug 13224562 List all dependent bugs
Perf Tools Performance Bug 1160330 List all dependent bugs
Performance Tools Memory Footprint Bug 1191797 List all dependent bugs
Gecko Profiler parity Bug 1176608 List all dependent bugs
console.profile Bug 1173555 List all dependent bugs
Operation Instrument Bug 1145271 List all dependent bugs
Performance Tool Allocations Bug 1160812 List all dependent bugs
Gaming/Web VR enhancements Bug 1196984 List all dependent bugs
Extensible Performance Tools Bug 1173449 List all dependent bugs
Active Intermittents Bug 1245886 List all dependent bugs
Remote Profiling (WebIDE) Bug 1199284 List all dependent bugs
UI/UX Papercuts Bug 1145697 List all dependent bugs

Goals

  • Provide insight to issues related to performance in web applications
  • Offer guidance and suggestions on fixing performance problem areas
  • Approach feature parity with Gecko Profiler for layout, rendering issues (meta bug)
  • A consolidated area for any team on Gecko to implement their own view to solve specific performance issues

Internals

There are two main sets of data used in a recording profile -- marker data and profiler data.

Profiler data is the same information as the previous Profiler tool and that the Gecko Profiler uses. This samples the JS executing at a specified rate, and also returns painting, layout and marker data that currently only the Gecko Profiler uses. This tool only uses the sampling information, which lets us calculate cost and timing of functions in JS, as well as what JIT optimizations were used for JS.

Marker data is currently based on ProfileTimelineMarkers. Gecko Profiler uses the underlying profiler to generate markers, whereas Performance Tools uses these ProfileTimelineMarkers, which are emitted via docshell in realtime, rather than fetched on demand. The FxOS Performance team uses the same marker information from User Timing APIs, which this tool should most likely strive for.

These two data sources are merged together in a final recording, with waterfall view using marker data, and the call tree and flame graph using profiler data. We also use Debugger.Memory information to collect allocation information to track down instances where allocation pressure causes jank.

Resources

Components