I am building a SAAS web application and as soon as I include jQuery and jQuery UI the javascript is already 300kb. Add my own and a few bits and minified it is still 400kb. What are you limits on Javascript and what do you do to make sure the performance is still good?
I am building a SAAS web application and as soon as I include jQuery and jQuery UI the javascript is already 300kb. Add my own and a few bits and minified it is still 400kb. What are you limits on Javascript and what do you do to make sure the performance is still good?
Share Improve this question asked Dec 23, 2010 at 3:44 CraigCraig 36.8k35 gold badges121 silver badges202 bronze badges 1- In my experience, having a lot of JavaScript will only impact page load times and the amount of memory consumed by the browser. The parts you don't use shouldn't affect runtime performance. (Until you use so much RAM that the OS needs to start swapping, but I doubt 400KB of JavaScript is going to push it over that threshold on any puter made in the last 10 years.) You might also give Closure a shot. – cdhowie Commented Dec 23, 2010 at 3:51
4 Answers
Reset to default 11gmail is over 2 megabytes of mixed resources (scripts, images, etc) after it fully loads. I think that should give you an indication.
Other than the specific question you asked, there are many best practices you can follow to cut down on loading times. Minify your scripts, gzip-encode everything (even dynamic content if server resources allow for it), meticulously press your images, etc. As Corey said, use YSlow or the Chrome profiler.
Cut down on jQuery UI. It looks like you have the whole package there. Pick and choose only the ponents you need.
Look at page load times. Tools like YSlow and Firebug should give you some numbers to look at, and YSlow will give you suggestions on things you can do to improve page load times. Its hard to give a definite answer like Xkb is too big because its relative. You may actually need that big of a JS file. Also depending on the bandwidth of the server it could serve that file incredibly fast or incredibly slow.
If you are seriously concerned about load times, minify all of your Javascript. That will reduce the size of the files.
YSlow link.
Obviously, too much depends on your target audience, a site or application targeting mobile devices will have different requirements than an intranet application.
Run-time performance will depend on a lot of factors for which we'll need a more information in order to help you out.