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