I have a web app that I am trying to speed up. It looks like this:
+------+
| |
| |
+------+
+------+
| |
| |
+------+
+------+
| |
| |
+------+
Each box is an iFrame containing a Flash SWF and some javascript. The SWF downloads a thirdparty SWF that is used to display information. I have found that the load time for the webapp is:
LoadTime = (4 seconds) * numberOfBoxes + (3 seconds)
When I just imbed the 3rd party swf directly (without our swf or the javascript) the load time is:
LoadTime = (1 second) * numberOfBoxes + (2.5 seconds)
I am trying to find where the extra 3 seconds is being used so that I can speed up our webapp. I think that the candidates are:
- Serverside processing (jsp)
- Download
- Javascript
- Flash
- Other?
Download
Below is an image of the downloads taken from firebug. I have replaced the file names with what their type is. None of the downloads are taking especially long after the first time.
One place of interest however is marked in red. The red area is a 3 second gap between when My SWF is loaded and when two gif files are loaded followed by the Third Party SWF. I think this pause is caused by processing on the client (is this true?).
Note: The red bars in the graph are not part of the diagram. I added them to highlight the gap where nothing is occurring on the .net panel.
I think that I can conclude from this that I have a client side processing issue which implies either Flash or Javascript. Question 1: Is this correct?
Edit: I added up the total non-concurrent download time:
- When there is 1 iframes the download time is 1