add HTML5 doctype to all tests

[dygraphs.git] / tests / perf.html
diff --git a/tests/perf.html b/tests/perf.html

index 789e21d..7a8d522 100644 (file)
--- a/tests/perf.html
+++ b/tests/perf.html
@@ -1,27 +1,32 @@
+<!DOCTYPE html>
  <html>
    <head>
      <title>perf</title>
      <!--[if IE]>
-    <script type="text/javascript" src="excanvas.js"></script>
+    <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 +39,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)" ]
          }