Javascript optimization - Is there an easier way to speed up Javascript?

Question

I wrote a hefty script in JS and I want to optimize it to run faster, but going through function by function and performing a "speed test" is taking too long. Anyone know of a better way? I've heard you can use firebug, but I haven't found any helpful links of how to go about that..

The page I'm optimizing is here: http://flanvas.com/development/flanvas/examples/custom-class.html

I'm specifically trying to optimize the flanvas.js which is here: http://flanvas.com/development/flanvas/flanvas.js

Any direction of where to go from is very helpful. Thanks!

possible duplicate of What is the best way to profile javascript execution? — Phrogz
– Phrogz, Commented Jan 13, 2011 at 4:23

Phrogz · Accepted Answer · 2011-01-13 04:22:05Z

6

Use FireBug, or the Developer Tools in Safari or Chrome. In Safari/Chrome, go to the "Profiles" tab, click the "Enable Profiling" button, and hit the 'record' button. After you've done enough testing, hit it again to capture the profile.

You'll get a wonderful list breaking down your functions by the time they took, the time other functions that they called took, and multiple ways to sort it.

Rather than walk you through this, I'll give you some of the Google searches you should have done before asking this question:

answered Jan 13, 2011 at 4:22

Phrogz

304k115 gold badges669 silver badges758 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

sanderd17 Over a year ago

Because it's always very handy when you search one of those, and then arrive at an answer telling you to search one of those. Thanks a lot.

Community · Accepted Answer · 2017-05-23 11:51:53Z

3

You want to do profiling first for your javascript code to find which part of the code is the slowest. Of course, the main tool for that is firebug. Firebug is a very great tool for profiling.

You may also want to see this question for some more help: What is the best way to profile javascript execution?

edited May 23, 2017 at 11:51

CommunityBot

11 silver badge

answered Jan 13, 2011 at 4:23

bertzzie

3,5685 gold badges34 silver badges42 bronze badges

3 Comments

Jacksonkr Over a year ago

Awesome. I just ran a "profile" on my script using firebug and it works just as I'd hoped. Thanks for the quick reply!

Jacksonkr Over a year ago

FYI it won't let me mark you as the answer so quickly. I'll mark it within the week.

bertzzie Over a year ago

It's OK. I'm glad I can help you :D

CCD · Accepted Answer · 2011-01-13 04:30:53Z

1

If you are using Firefox, firebug is a good tool, it can also give you some basic ideas on how to speed up javascript.

More at http://getfirebug.com/whatisfirebug

You can download it as JS code, and add it to your file if you are using other browser.

Still, there are other tools around, if that doesn't help... but it is a good start

answered Jan 13, 2011 at 4:30

CCD

111 bronze badge

Collectives™ on Stack Overflow

Javascript optimization - Is there an easier way to speed up Javascript?

3 Answers 3

1 Comment

3 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related