

The Waterfall view provides a graphical timeline of events occurring within the application. The recording view gives developers a quick way to zoom into areas where frame rate problems are occurring. This also simultaneously updates all three new views to represent a particular selected range. Left-clicking on the view and dragging to the desired range allows you to zoom into this timeline. The timeline displays a compressed view of the Waterfall, minimum, maximum, and average frame rates, and a graphical representation of the frame rate. The Performance tab contains the new timeline, which includes: Waterfall view, Call Tree view and a Flame Chart view.Īll of the views above provide details of application performance that can be correlated with a recorded timeline overview.

#Features of firefox developer edition how to
In the following video, Dan Callahan demonstrates how to use the new performance tools. Performance is all about timing, so you can view browser events in the context of a timeline, which in turn can be extended to include a number of detailed views based on the metrics you choose to monitor. Web developers can use these tools to profile performance in any kind of website, app, or game for a fun insight into how these tools can be used to optimize HTML5 games, check out our post about the “Power Surge” game right after you’re done here.Īll performance tools can now be found grouped together under the Performance tab, for easier usage. Introducing the new performance toolsįirefox Developer Edition features a new performance tool that gives developers a better understanding of what is happening from a performance standpoint within their applications. Note: Many of the new features were introduced in May, in an earlier Mozilla Hacks post. In addition, a couple of videos showcase some of these features. Today Mozilla is pleased to announce the availability of Firefox Developer Edition 40 (DE 40) featuring all-new performance tools! In this post we will cover some of DE 40’s new developer tools, fixes, and improvements made to existing tools.
