Html – Multiple Flash objects on a single web page

apache-flexflashhtmlloadstreaming

Is there any significant performance/load time impact if single web page will load, say, 10 identical flash objects? 20? 30?.. any evidential data on sustainability of such kind of setup?

This would be the same flash app, each instance serving its own stream.

Best Solution

There's definitely going to be some overhead in size as there is a certain amount of code that is contained in every swf regardless of it's developer created content.

I'm almost certain there would be speed issues as well, which would see frame rates drop right down the more swfs you add to the page.

To be honest the concept smells a little fishy and i would think there must be a better solution to your problem.

EDIT

Also there is a restriction on having two steams coming over http per domain. Sure you could get around this but it will definitely be an issue.

Related Solutions

Html – How to disable browser autocomplete on web form field / input tags

Firefox 30 ignores autocomplete="off" for passwords, opting to prompt the user instead whether the password should be stored on the client. Note the following commentary from May 5, 2014:

The password manager always prompts if it wants to save a password. Passwords are not saved without permission from the user.

We are the third browser to implement this change, after IE and Chrome.

According to the Mozilla Developer Network documentation, the Boolean form element attribute autocomplete prevents form data from being cached in older browsers.

<input type="text" name="foo" autocomplete="off" />

Javascript – How to modify the URL without reloading the page

This can now be done in Chrome, Safari, Firefox 4+, and Internet Explorer 10pp4+!

See this question's answer for more information: Updating address bar with new URL without hash or reloading the page

Example:

 function processAjaxData(response, urlPath){
     document.getElementById("content").innerHTML = response.html;
     document.title = response.pageTitle;
     window.history.pushState({"html":response.html,"pageTitle":response.pageTitle},"", urlPath);
 }

You can then use window.onpopstate to detect the back/forward button navigation:

window.onpopstate = function(e){
    if(e.state){
        document.getElementById("content").innerHTML = e.state.html;
        document.title = e.state.pageTitle;
    }
};

For a more in-depth look at manipulating browser history, see this MDN article.

Best Solution

Related Solutions

Html – How to disable browser autocomplete on web form field / input tags

Javascript – How to modify the URL without reloading the page

Related Question