[Dynapi-CVS] CVS: dynapi/tests precreation_speedtest.html,NONE,1.1

SourceForge Headquarters 1320 Columbia Street Suite 310 San Diego, CA 92101 +1 (858) 422-6466

Update of /cvsroot/dynapi/dynapi/tests
In directory usw-pr-cvs1:/tmp/cvs-serv11983

Added Files:
	precreation_speedtest.html 
Log Message:
precreation speedtest

--- NEW FILE ---
<html>
<head>
<title>Precreation speedtest</title>

<script language="Javascript" src="../src/dynapi.js"></script>
<script language="Javascript">
DynAPI.setLibraryPath('../src/lib/');
DynAPI.include('dynapi.api.*');
DynAPI.include('dynapi.event.*');
</script>
<script language="Javascript">
myHtml="test"

//Creates 49 childlayers of 1 dynlayer, using precreation.
function make50Precreate(){
	start=new Date()
		myLayers=[]
		myLayers[0] = new DynLayer(null,100,200,500,500,"#AA0000",null,null,null,myHtml)

		for(i=1;i<51;i++){
			c="#BB"+(i-1)+"A"+(i-1)+"A"
			myLayers[i] = new DynLayer(null,30,40,500,500,c,null,null,null,myHtml)
			myLayers[i-1].addChild(myLayers[i])
			if(i==50)DynAPI.document.addChild(myLayers[0])
		}
	alert(new Date()-start+" milliseconds")
}

//Creates 49 childlayers of 1 dynlayer, without using precreation.
function make50(){
	start=new Date()
		myLayers=[]
		myLayers[0] = new DynLayer(null,100,200,500,500,"#AA0000",null,null,null,myHtml)
		DynAPI.document.addChild(myLayers[0])

		for(i=1;i<51;i++){
			c="#DD"+(i-1)+"D"+(i-1)+"D"
			myLayers[i] = new DynLayer(null,30,40,500,500,c,null,null,null,myHtml)
			myLayers[i-1].addChild(myLayers[i])
		}
	alert(new Date()-start+" milliseconds")
}

//Creates 49 childlayers of 1 dynlayer, using precreation.
//They are all dragEnabled at creation
function make50PrecreateDrag(){
	start=new Date()
		myLayers=[]
		myLayers[0] = new DynLayer(null,100,200,500,500,"#AA0000",null,null,null,myHtml)

		for(i=1;i<51;i++){
			c="#BB"+(i-1)+"A"+(i-1)+"A"
			myLayers[i] = new DynLayer(null,30,40,500,500,c,null,null,null,myHtml)
			DragEvent.enableDragEvents(myLayers[i])
			myLayers[i-1].addChild(myLayers[i])

			if(i==50){
				DynAPI.document.addChild(myLayers[0])
				DragEvent.enableDragEvents(myLayers[0])
			}
		}
	alert(new Date()-start+" milliseconds")
}

//Creates 49 childlayers of 1 dynlayer, without using precreation.
//They are all dragEnabled at creation
function make50Drag(){
	start=new Date()
		myLayers=[]
		myLayers[0] = new DynLayer(null,100,200,500,500,"#AA0000",null,null,null,myHtml)
		DynAPI.document.addChild(myLayers[0])
		DragEvent.enableDragEvents(myLayers[0])

		for(i=1;i<51;i++){
			c="#DD"+(i-1)+"D"+(i-1)+"D"
			myLayers[i] = new DynLayer(null,30,40,500,500,c,null,null,null,myHtml)
			DragEvent.enableDragEvents(myLayers[i])
			myLayers[i-1].addChild(myLayers[i])
		}

	alert(new Date()-start+" milliseconds")
}

//Creates 49 childlayers of 1 dynlayer, using precreation.
//They are all dragEnabled after creation
function make50PrecreateDrag2(){
	start=new Date()
		myLayers=[]
		myLayers[0] = new DynLayer(null,100,200,500,500,"#AA0000",null,null,null,myHtml)

		for(i=1;i<51;i++){
			c="#BB"+(i-1)+"A"+(i-1)+"A"
			myLayers[i] = new DynLayer(null,30,40,500,500,c,null,null,null,myHtml)
			myLayers[i-1].addChild(myLayers[i])
			if(i==50)DynAPI.document.addChild(myLayers[0])
		}
		for(i=0;i<51;i++){
			DragEvent.enableDragEvents(myLayers[i])
		}
	alert(new Date()-start+" milliseconds")
}

//Creates 49 childlayers of 1 dynlayer, without using precreation.
//They are all dragEnabled after creation
function make50Drag2(){
	start=new Date()
		myLayers=[]
		myLayers[0] = new DynLayer(null,100,200,500,500,"#AA0000",null,null,null,myHtml)
		DynAPI.document.addChild(myLayers[0])

		for(i=1;i<51;i++){
			c="#DD"+(i-1)+"D"+(i-1)+"D"
			myLayers[i] = new DynLayer(null,30,40,500,500,c,null,null,null,myHtml)
			myLayers[i-1].addChild(myLayers[i])
		}
		for(i=0;i<51;i++){
			DragEvent.enableDragEvents(myLayers[i])
		}
	alert(new Date()-start+" milliseconds")
}
</script>
</head>

<body >
This is a stress test to see in which browsers precreation is an advantage, and in which it isn't.<br />
For the best results refresh the browser between tests.<br /><br />
1) <a class="testClass" href="#" onclick="make50Precreate();return false">make 50 using precreate</a><br />
2) <a class="testClass" href="#" onclick="make50();return false">make 50 without precreate</a><br />
3) <a class="testClass" href="#" onclick="make50PrecreateDrag();return false">make 50 using precreate - dragenabled at creation</a><br />
4) <a class="testClass" href="#" onclick="make50Drag();return false">make 50 without precreate - dragenabled at creation</a><br />
5) <a class="testClass" href="#" onclick="make50PrecreateDrag2();return false">make 50 using precreate - dragenabled after creation</a><br />
6) <a class="testClass" href="#" onclick="make50Drag2();return false">make 50 without precreate - dragenabled after creation</a><br />
<br /><b>My results:</b><br />
Taken on Win2000 P3 500Mhz 400+MB Ram:<br /><br />
<table><tr><td>
IE5.5:------<br />
1) 340<br />
2) 280<br />
3) 1292<br />
4) 411<br />
5) 421<br />
6) 360<br />
<br />
</td><td>
Mozilla 0.93:--<br />
1) 181<br />
2) 341<br />
3) 3665<br />
4) 560<br />
5) 430<br />
6) 551<br />
<br />
</td><td>
NS 4.7:------<br />
1) 200<br />
2) 770<br />
3) 881<br />
4) 782<br />
5) 220<br />
6) 682<br />
<br />
</td></tr></table>
Taken on Win95 VMWare 200+MB Ram:<br /><br />
<table><tr><td>
IE4:------<br />
1) 330<br />
2) 880<br />
3) 940<br />
4) 830<br />
5) 440<br />
6) 830<br />
<br />
</td><td></table>
Taken on Win98 VMWare 200+MB Ram:<br /><br />
<table><tr><td>
IE6:------<br />
1) 380<br />
2) 610<br />
3) 2140<br />
4) 660<br />
5) 440<br />
6) 440<br />
<br />
</td><td>
NS6:------<br />
1) 330<br />
2) 660<br />
3) 2750<br />
4) 490<br />
5) 390<br />
6) 610<br />
<br />
</td><td></table>


</body>
</html>