benchmark/benchmark.html

<html>
 <head>
  <title> MessagePack Benchmark Test </title>
  <script type="text/javascript" src="./prototype/prototype.js"> </script>
  <script type="text/javascript" src="../msgpack.js"> </script>
  <script type="text/javascript">
  // global variables
  var $msgpack, $json;

  function load_msgpack(){
      var url = "./gensort.msgpack";
      new Ajax.Request(url, {
          method: 'get',
          onCreate: function(request, response){
          var transport = request.transport;
              if(transport.overrideMimeType){
                  transport.overrideMimeType("text/plain; charset=x-user-defined");
              }
          },
          onSuccess: function(response) {
              if(MessagePack.hasVBS){
                  var binary = response.transport.responseBody;
                  $msgpack = binary;
              }else{
                  $msgpack = response.responseText;
              }
              C("msgpack is loaded." );
          }
     })
  }

  function load_json(){
      url = "./gensort.json";

      new Ajax.Request(url, {
          method: 'get',
          onSuccess: function(transport) {
              $json = transport.responseText;
              C("json is loaded.");
          }
      });
};

  function getTimeMeasurementJavaScript(name, func){
      timeStart=new Date();

      func();

      totalTime = (new Date - timeStart);
      C(name + ":" + totalTime + " milli sec");
  }

  function msgpack_benchmark(msgpack){
      getTimeMeasurementJavaScript("msgpack", function(){
          var data;
          for(var i = 0; i < 10; i++){
              data = MessagePack.unpack(msgpack);
          }
      });
  }

  function json_benchmark(json){
      getTimeMeasurementJavaScript("json", function(){
          var data;
          for(var i = 0; i < 10; i++){
              data = eval(json);
          }
      });
  }

   function test_benchmark(){
      getTimeMeasurementJavaScript(function(){
          for(var i = 0; i < 1000; i++){
          }
      });
   }

  </script>
</head>
<body>
    <div>
    <input type="button" onclick="msgpack_benchmark($msgpack);" value="msgpack benchmark">
    <input type="button" onclick="json_benchmark($json);" value="json benchmark">
    </div>
    <div>
    <textarea id="console" style="width:70%;height:20em;"></textarea>
    </div>
    <script type="text/javascript">
var C = function(){
	var c = document.getElementById('console');
	return function(msg){
		c.value = msg+'\n'+c.value;
	}
}();
C('data loading...');
load_msgpack();
load_json();
    </script>
</body>
</html>