The Firefox Developer Tools team wanted to find a fun way to show off the great performance tools we’ve just added to the Firefox Developer Edition browser. We partnered with Przemysław Sikorski (aka rezoner) author of Playground.js and the arcade puzzle game QbQbQb, to create “Power Surge,” a fun game which shows off how the new Performance tools can help developers find slow JavaScript code. The special twist is that the more you optimize the code in the game, the more ships and powers you win in gameplay!

First off, check out this quick screencast from Mozilla engineer Harald Kirschner on how Power Surge works:

To get going with Power Surge:

Download Firefox Developer Edition to get the latest tools. For the best experience with our new performance tools, make sure you enable multi-process support.

Fork Power Surge either on Codepen, which gives you online editing, or on Github for local editing.

Once you have the game running in Developer Edition, profile the game to see where you can optimize things to enable more ships and power-ups in the game.

Learn more about using the new Performance tools via Dan Callahan’s awesome screencast as well as the documentation available on MDN.

We’d really like to hear back from you about Power Surge! Tweet to us at @FirefoxDevtools and @mozhacks to share your solutions.