> I would like to be able to load my jquery plugins dynamically
> as this would reduce the number of scripts in my document head.
You can easily load any .js file dynamically, for example with code like
this:
function addScript( url ) {
var script = document.createElement( 'script' );
script.type = 'text/javascript';
script.charset = 'utf-8';
script.src = url;
document.getElementsByTagName('head')[0].appendChild( script );
};
That's just basic JavaScript code that doesn't require jQuery or anything.
Or, using jQuery and my DOM plugin, you could do this:
function addScript( url ) {
$('head',document).append(
$.SCRIPT({ type:'text/javascript', charset:'utf-8', src:url })
);
};
There are other similar ways of doing this as well.
However, it may or may not be a good idea. Loading your plugin scripts
dynamically will reduce the number of files loaded in HEAD, but the overall
load time won't be any better. Loading a number of different scripts will
take time however you do it.
In many cases, a better approach is to simply concatenate your scripts into
a single file. You don't increase the overall download size at all this way,
but you can greatly reduce the *number* of scripts that are loaded.
The Dojo Toolkit folks have a lot of experience with this. Dojo will load
any number of scripts dynamically, but to gain performance, you create a
"build" which is simply a single .js file containing all of the Dojo scripts
you are using. It makes a big improvement in page load time.
-Mike
_______________________________________________
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/
