docs-developer

Firefox Profiler development docs

profiler.firefox.com is a client for reading profiles from the profiler component built inside of Firefox, known as the Gecko Profiler. It also can read in formats from a variety of sources. The front-end client is written using JavaScript and Flow types using React for the UI components and Redux for the state management. This client interacts with Firefox using the Gecko Profiler add-on. This add-on is the glue between profiler.firefox.com, and the internal profiler interface in Gecko.

The Docs

• Firefox Profiler src docs
  • Redux action creators - /src/actions
  • React components - /src/components
  • Manipulating and processing profiles - /src/profile-logic
  • Redux reducers - /src/reducers
  • Redux selectors- /src/selectors
  • Testing - /src/test
    • React component testing
    • Redux store testing
    • Unit testing
  • Flow types - /src/types
  • Utility files - /src/utils
• Profiler architecture
• Loading in profiles from various sources
• Gecko profile format
• Processed profile format
• Markers
• Upgrading profiles
• Potential performance data sources in Gecko
• Call tree
• Frames, funcs, stacks and CallNodes in C++
• Deploying to production
• Symbolication