add benchmarks

shumkov · Jun 2, 2011 · ad93333 · ad93333
1 parent a8b4e4b
commit ad93333
Show file tree

Hide file tree

Showing 6 changed files with 157 additions and 145 deletions.
diff --git a/benchmarks/results/long_polling_broadcast_time.html b/benchmarks/results/long_polling_broadcast_time.html
@@ -4,38 +4,41 @@
 	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
 <head>
-	<title></title>
+	<title>Long polling broadcast time</title>
+    <script type="text/javascript" src="https://www.google.com/jsapi"></script>
 </head>
 <body>
+<div id="visualization"></div>
 <script type="text/javascript">
-	function drawVisualization() {
-    // Create and populate the data table.
-    var data = new google.visualization.DataTable();
-    data.addColumn('number', 'X');
-    data.addColumn('number', 'Beseda');
-    data.addColumn('number', 'Juggernaut');
-  data.addRow([1000, 2014, 80]);
-  data.addRow([2500, 2515, 148]);
-  data.addRow([5000, 2500, 305]);
-  data.addRow([5001, 2500, 24000]);
-  data.addRow([7500, 3408, null]);
-  data.addRow([10000, 4650, null]);
-  data.addRow([15000, 6393, null]);
-  data.addRow([20000, 6595, null]);
-  data.addRow([25000, 20743, null]);
+    function drawChart() {
+        var data = new google.visualization.DataTable();
 
-    // Create and draw the visualization.
-    var chart = new google.visualization.ScatterChart(
-        document.getElementById('visualization'));
-    chart.draw(data, {title: 'Long Polling',
-                      lineWidth: 2,
-                      pointSize: 0,
-                      width: 1024, height: 640,
-                      vAxis: {title: "Broadcast time", titleTextStyle: {color: "green"}},
-                      hAxis: {title: "Clients count", titleTextStyle: {color: "green"}}}
-              );
-}
-
+        data.addColumn('number', 'X');
+        data.addColumn('number', 'Beseda');
+        data.addColumn('number', 'Juggernaut');
+
+        data.addRow([1000, 2014, 80]);
+        data.addRow([2500, 2515, 148]);
+        data.addRow([5000, 2500, 305]);
+        data.addRow([7500, 3408, 24000]);
+        data.addRow([10000, 4650, null]);
+        data.addRow([15000, 6393, null]);
+        data.addRow([20000, 6595, null]);
+        data.addRow([25000, 20743, null]);
+
+        // Create and draw the visualization.
+        var chart = new google.visualization.ScatterChart(document.getElementById('visualization'));
+        chart.draw(data, { title: 'Long polling broadcast time',
+                           lineWidth: 2,
+                           pointSize: 0,
+                           width: 1024, height: 640,
+                           vAxis: {title: "Milliseconds"},
+                           hAxis: {title: "Clients"}}
+        );
+    };
+
+    google.load('visualization', '1', { 'packages' : [ 'corechart' ] });
+    google.setOnLoadCallback(drawChart);
 	</script>
 </body>
 </html>
diff --git a/benchmarks/results/long_polling_client_loose_count.html b/benchmarks/results/long_polling_client_loose_count.html
diff --git a/benchmarks/results/long_polling_client_lost_count.html b/benchmarks/results/long_polling_client_lost_count.html
@@ -0,0 +1,47 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE html
+	PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+<head>
+	<title>Long polling lost clients</title>
+    <script type="text/javascript" src="https://www.google.com/jsapi"></script>
+</head>
+<body>
+<div id="visualization"></div>
+<script type="text/javascript">
+    function drawChart() {
+        var data = new google.visualization.DataTable();
+
+        data.addColumn('number', 'X');
+        data.addColumn('number', 'Beseda');
+        data.addColumn('number', 'Juggernaut');
+
+        data.addRow([1000, 0, 0]);
+        data.addRow([2500, 0, 628]);
+        data.addRow([5000, 0, 3000]);
+        data.addRow([7500, 0, 7500]);
+        data.addRow([10000, 0, 10000]);
+        data.addRow([12500, 0, 12500]);
+        data.addRow([15000, 0, 15000]);
+        data.addRow([20000, 0, 20000]);
+        data.addRow([25000, 0, 25000]);
+        data.addRow([30000, 0, 30000]);
+        data.addRow([40000, 0, 40000]);
+
+        // Create and draw the visualization.
+        var chart = new google.visualization.ScatterChart(document.getElementById('visualization'));
+        chart.draw(data, { title: 'Long polling lost clients',
+                           lineWidth: 2,
+                           pointSize: 0,
+                           width: 1024, height: 640,
+                           vAxis: {title: "Lost clients"},
+                           hAxis: {title: "Connected clients"}}
+        );
+    };
+
+    google.load('visualization', '1', { 'packages' : [ 'corechart' ] });
+    google.setOnLoadCallback(drawChart);
+	</script>
+</body>
+</html>
diff --git a/benchmarks/results/websocket_broadcast_time.html b/benchmarks/results/websocket_broadcast_time.html
@@ -4,40 +4,43 @@
 	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
 <head>
-	<title></title>
+	<title>WebSocket client broadcast time</title>
+    <script type="text/javascript" src="https://www.google.com/jsapi"></script>
 </head>
 <body>
+<div id="visualization"></div>
 <script type="text/javascript">
-	function drawVisualization() {
-    // Create and populate the data table.
-    var data = new google.visualization.DataTable();
-    data.addColumn('number', 'X');
-    data.addColumn('number', 'Beseda');
-    data.addColumn('number', 'Juggernaut');
-  data.addRow([2500, 234, 320]);
-  data.addRow([5000, 298, 402]);
-  data.addRow([7500, 360,582]);
-  data.addRow([10000, 442, 606]);
-  data.addRow([12500, 520, 809]);
-  data.addRow([15000, 521, 874]);
-  data.addRow([20000, 723, 1037]);
-  data.addRow([25000, 884, 1315]);
-  data.addRow([30000, 1001, 1733]);
-  data.addRow([40000, 1037, 2280]);
+    function drawChart() {
+        var data = new google.visualization.DataTable();
 
-    // Create and draw the visualization.
-    var chart = new google.visualization.ScatterChart(
-        document.getElementById('visualization'));
-    chart.draw(data, {title: 'Long Polling',
-                      lineWidth: 2,
-                      pointSize: 0,
-                      width: 1024, height: 640,
-                      vAxis: {title: "Broadcast time", titleTextStyle: {color: "green"}},
-                      hAxis: {title: "Clients count", titleTextStyle: {color: "green"}}}
-              );
-}
-
-
+        data.addColumn('number', 'X');
+        data.addColumn('number', 'Beseda');
+        data.addColumn('number', 'Juggernaut');
+
+        data.addRow([2500, 234, 320]);
+        data.addRow([5000, 298, 402]);
+        data.addRow([7500, 360,582]);
+        data.addRow([10000, 442, 606]);
+        data.addRow([12500, 520, 809]);
+        data.addRow([15000, 521, 874]);
+        data.addRow([20000, 723, 1037]);
+        data.addRow([25000, 884, 1315]);
+        data.addRow([30000, 1001, 1733]);
+        data.addRow([40000, 1037, 2280]);
+
+        // Create and draw the visualization.
+        var chart = new google.visualization.ScatterChart(document.getElementById('visualization'));
+        chart.draw(data, { title: 'WebSocket client broadcast time',
+                           lineWidth: 2,
+                           pointSize: 0,
+                           width: 1024, height: 640,
+                           vAxis: {title: "Milliseconds"},
+                           hAxis: {title: "Clients"}}
+        );
+    };
+
+    google.load('visualization', '1', { 'packages' : [ 'corechart' ] });
+    google.setOnLoadCallback(drawChart);
 	</script>
 </body>
 </html>
diff --git a/benchmarks/results/websocket_client_loose_count.html b/benchmarks/results/websocket_client_loose_count.html
diff --git a/benchmarks/results/websocket_client_lost_count.html b/benchmarks/results/websocket_client_lost_count.html
@@ -0,0 +1,46 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE html
+	PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+<head>
+	<title>WebSocket lost clients</title>
+    <script type="text/javascript" src="https://www.google.com/jsapi"></script>
+</head>
+<body>
+<div id="visualization"></div>
+<script type="text/javascript">
+    function drawChart() {
+        var data = new google.visualization.DataTable();
+
+        data.addColumn('number', 'X');
+        data.addColumn('number', 'Beseda');
+        data.addColumn('number', 'Juggernaut');
+
+        data.addRow([2500, 0, 0]);
+        data.addRow([5000, 0, 0]);
+        data.addRow([7500, 0,0]);
+        data.addRow([10000, 0, 0]);
+        data.addRow([12500, 0, 4]);
+        data.addRow([15000, 0, 189]);
+        data.addRow([20000, 0, 2000]);
+        data.addRow([25000, 213, 3504]);
+        data.addRow([30000, 3000, 6300]);
+        data.addRow([40000, 13000, 13000]);
+
+        // Create and draw the visualization.
+        var chart = new google.visualization.ScatterChart(document.getElementById('visualization'));
+        chart.draw(data, { title: 'WebSocket lost clients',
+                           lineWidth: 2,
+                           pointSize: 0,
+                           width: 1024, height: 640,
+                           vAxis: { title: "Lost clients" },
+                           hAxis: { title: "Connected clients" }}
+        );
+    };
+
+    google.load('visualization', '1', { 'packages' : [ 'corechart' ] });
+    google.setOnLoadCallback(drawChart);
+	</script>
+</body>
+</html>