Merge branch 'master' of github.com:danvk/dygraphs
[dygraphs.git] / tests / perf.html
index 789e21d..b71c607 100644 (file)
@@ -4,24 +4,28 @@
     <!--[if IE]>
     <script type="text/javascript" src="excanvas.js"></script>
     <![endif]-->
-    <script type="text/javascript" src="../dygraph-combined.js"></script>
+    <script type="text/javascript" src="../strftime/strftime-min.js"></script>
+    <script type="text/javascript" src="../rgbcolor/rgbcolor.js"></script>
     <script type="text/javascript" src="../dygraph-canvas.js"></script>
     <script type="text/javascript" src="../dygraph.js"></script>
     <script type="text/javascript" src="data.js"></script>
   </head>
   <body>
-    <div id="g" style="width:600px; height:300px;"></div>
+    <div id="div_g" style="width:600px; height:300px;"></div>
     <div id="status"></div>
 
     <script type="text/javascript">
-      var num_tests = 100;
+      var num_tests = 250;
       var times = [];
       var start = new Date;
 
       for (var i = 0; i < num_tests; i++) {
         var this_start = new Date;
+        // Calling destroy() here reduces the memory usage in Chrome by
+        // ~1.2MB/instantiation.
+        if (i) g.destroy();
         g = new Dygraph(
-              document.getElementById("g"),
+              document.getElementById("div_g"),
               NoisyData, {
                 rollPeriod: 7,
                 errorBars: true
@@ -34,8 +38,8 @@
       var end = new Date;
 
       document.getElementById("status").innerHTML = "Elapsed time: " + (end - start)/num_tests + " ms/instantiation";
-      new Dygraph(
-        document.getElementById("g"),
+      perf = new Dygraph(
+        document.getElementById("div_g"),
         times, {
           labels: [ "Iteration", "Time (ms)" ]
         }