Q:

application.js is large - divide it up?

My application.js file has the following:
//= require jquery
//= require jquery_ujs
//= require jquery.ui.all
//= require bootstrap
//= require_tree .

It includes another 18 js files in my javascript folder tree.  The file is getting pretty large.
I use multiple cloudfront instances to serve my other assets (i.e. images), and have noticed that application.js can take up to a second to load (even after being gzipped).  
How could I split up application.js (and application.css for that matter) into 4-5 chunks so that it can load faster?  Is this possible or even the right thing to do?

A:

You could remove all the jquery stuff and load them individually.  Trade off is two HTTP requests (or more) instead of the single one for application, but it might be worth it.
Or you could load jquery from google's CDN and if the user has that cached already save more time.

