• Stars
    star
    1,156
  • Rank 40,363 (Top 0.8 %)
  • Language
    JavaScript
  • License
    Mozilla Public Li...
  • Created over 12 years ago
  • Updated 3 months ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

Firefox Profiler — Web app for Firefox performance analysis

Firefox Profiler

Matrix

The Firefox Profiler visualizes performance data recorded from web browsers. It is a tool designed to consume performance profiles from the Gecko Profiler but can visualize data from any profiler able to output in JSON. The interface is a web application built using React and Redux and runs entirely client-side.

Mozilla develops this tool to help make Firefox silky smooth and fast for millions of its users, and to help make sites and apps faster across the web.

Screenshot of the Firefox Profiler

Usage

Visit profiler.firefox.com 🚀

This project is live on https://profiler.firefox.com/. The website includes instructions on how to get going to start recording and viewing performance profiles.

Accessibility: Assistive technology support

The Profiler was tested with recent versions of the following assistive technology:

NVDA (Windows) on Firefox and Chrome browsers
VoiceOver (Mac OS X) on Chrome
Orca (Linux) on Firefox

If you experience problems using any of the above technologies, please file a bug.

If you would like to help us test on other assistive technologies or improve the existing code, we would love your contributions!

Development

You will need a recent enough version of Yarn 1 (Classic), version 1.10 is known to work correctly. You can install it using npm install -g yarn. Please refer to its documentation for other possible install procedures.

To download and build the Firefox Profiler web app run:

git clone [email protected]:firefox-devtools/profiler.git
cd profiler
yarn install
yarn start

Flow is used for type checking. VSCode users can install the "Flow Language Support" extension, and disable VSCode's built-in TypeScript extension in the workspace via the setup instructions here.

You can also develop the Firefox Profiler online in a pre-configured development environment.

Open in Gitpod

Please look at our gitpod documentation for more information.

For more detailed information on getting started contributing. We have plenty of docs available to get you started.

Contributing Find out in detail how to get started and get your local development environment configured.
Code of Conduct We want to create an open and inclusive community, we have a few guidelines to help us out.
Developer Documentation Want to know how this whole thing works? Get started here.
Source Files Dive into the inner workings of the code. Most folders have a README.md providing more information.
End-User Documentation These docs are customized for actual users of the profiler, not just folks contributing.
Gitpod documentatation Start here if you want to set up a work space on gitpod.

Discussion

Say hello on Matrix in the Firefox Profiler channel (#profiler:mozilla.org).

License

MPL v2 is designed to encourage contributors to share modifications they make to the code, while still allowing them to combine the code with code under other licenses (open or proprietary) with minimal restrictions.

We are very grateful to the the zlib compression library (Jean-loup Gailly, Mark Adler and team) for their contribution to the project.

More Repositories

1

debugger

The faster and smarter Debugger for Firefox DevTools 🔥🦊🛠
4,614
star
2

vscode-firefox-debug

VS Code Debug Adapter for Firefox
TypeScript
389
star
3

devtools-core

🚀 Packages for Firefox DevTools
JavaScript
142
star
4

ux

Firefox DevTools UX Community
103
star
5

har-export-trigger

Trigger HAR export any time directly from within a page.
JavaScript
55
star
6

debugger-examples

Collection of good debugging examples
JavaScript
41
star
7

extension-examples

DevTools extension examples
JavaScript
27
star
8

devtools-examples

Code examples that accompany the MDN Firefox Developer Tools documentation
HTML
26
star
9

rust-cdp

🔨 Chrome DevTools Protocol toolkit for Rust
Rust
25
star
10

docs

Documentation for Firefox Developer Tools
HTML
24
star
11

Gecko-Profiler-Addon

(deprecated) Addon to control the Gecko Built-in Profiler
HTML
22
star
12

profiler-server

Firefox Profiler server and data storage infrastructure
TypeScript
17
star
13

rfcs

RFCs for changes to DevTools
15
star
14

reps

Firefox DevTools Reps
11
star
15

firefox-devtools.github.io

Community & Documentation
HTML
11
star
16

bidi-webconsole-prototype

CSS
10
star
17

demos

INACTIVE - http://mzl.la/ghe-archive - Demos for new features in Firefox DevTools
HTML
10
star
18

performance-dashboard

Dashboard to track performance of Firefox DevTools
JavaScript
7
star
19

bidi-har-export

Experimental module to compile WebDriver BiDi network events as a HAR file
JavaScript
7
star
20

hello-world

DevTools Hello World Tool
JavaScript
5
star
21

working-on-the-new-console

Advice if you're contributing to the new console front-end
5
star
22

webcompat-helper

INACTIVE - http://mzl.la/ghe-archive
JavaScript
4
star
23

performance-scenarios

JavaScript
3
star
24

storage-assessment

A test page to assess the status of storage panels
HTML
2
star
25

snippets-for-removing-the-sdk

A list of snippets and advice for removing SDK bits of code in our codebase, in response to https://bugzilla.mozilla.org/show_bug.cgi?id=1350645
2
star
26

debugger-docker

Scripts for working with Docker images for debugger.html
Makefile
2
star
27

remote-settings-mdn-browser-compat-data

Scripts to ingest MDN compat data in RemoteSettings
JavaScript
1
star
28

good-first-bugsify

A WebExtension to help you mark Firefox Developer Tools bugs in Bugzilla as good first bugs.
JavaScript
1
star