Power Surge – optimize the JavaScript in this HTML5 game using Firefox Developer Edition

Power Surge!

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:

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

About Jeff Griffiths

Jeff is Product Manager for the Firefox Developer Tools and occasional Open Web hacker, based in Vancouver, BC.

More articles by Jeff Griffiths…

About Harald Kirschner

Guiding Firefox's Devtools and Performance work. Come hangout with the DevTools team!

More articles by Harald Kirschner…


2 comments

  1. esteban

    what is the significance of the empty call trees under gecko and graphics?
    http://i57.tinypic.com/4sy77k.png

    June 2nd, 2015 at 17:15

    1. Dan Callahan

      For more detail on those, click on the gear in the top right of the Performance pane and enable “Show Gecko Platform Data.”

      June 2nd, 2015 at 17:51

Comments are closed for this article.