[jQuery] best techniques to optimize loading of multiple libraries?
First off hi!
Here's the scenario:
I have a banner that I'm going to put up on various different
websites. The banner relies on the packed jquery core library, 1
plugin and another simple js file.
Oh, and obviously, I can't host anything on the destination site's
servers.
What's happening is that every time a banner is displayed, all 3
javascript files and 3 images are downloaded and displayed on the
page. Which works fine for 1 user at a time visiting 1 website at a
time.
Now, our goal is to have this banner up on running on maybe 10-20
websites each of which have between hundreds and thousands of
pageviews a day. So basically this will be a disaster because there
is no way our server will be able to handle this.
I've been suggested 3 possibilities: lazy-loading, caching and dynamic
javascript generation.
I don't see how lazy-loading will help much and caching seems like a
great idea because the external files won't change but I don't really
know how to go about implementing it. And I have NO idea what was
meant by dynamic js generation...
Can somebody please shed some light on this and point me in the right
direction please?
thanks!
-Alex