Use CSS for tests, gallery and docs

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

index 6515dee..739d224 100644 (file)
--- a/tests/perf.html
+++ b/tests/perf.html
@@ -1,12 +1,14 @@
+<!DOCTYPE html>
  <html>
    <head>
+    <link rel="stylesheet" href="../css/dygraph.css">
      <title>perf</title>
-    <!--[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="../dygraph-canvas.js"></script>
-    <script type="text/javascript" src="../dygraph.js"></script>
+    <!--
+    For production (minified) code, use:
+    <script type="text/javascript" src="dygraph-combined.js"></script>
+    -->
+    <script type="text/javascript" src="../dist/dygraph.js"></script>
+
      <script type="text/javascript" src="data.js"></script>
    </head>
    <body>
@@ -14,12 +16,15 @@
      <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("div_g"),
                NoisyData, {
@@ -34,7 +39,7 @@
        var end = new Date;
  
        document.getElementById("status").innerHTML = "Elapsed time: " + (end - start)/num_tests + " ms/instantiation";
-      new Dygraph(
+      perf = new Dygraph(
          document.getElementById("div_g"),
          times, {
            labels: [ "Iteration", "Time (ms)" ]
@@ -43,14 +48,15 @@
      </script>
  
      <p><b>Some numbers on a MacBook Pro 2.53 GHz Core 2 Duo</b><br/>
-    commit bb5899c56e33716db724cb60a5120b91f5fccdeb<br/>
-    Firefox 3.0.15: 28 ms/instantiation<br/>
-    Safari 4.0.3: 15.02 ms/instantiation<Br/>
-    <br/>
-
-    commit 2847c1cf1a2874e9fe56b5749e6e105e37bb086a<br/>
-    Firefox 3.0.15: 49.27 ms/instantiation<br/>
-    Safari 4.0.3: 24.48 ms/instantiation<br/>
+    <table border="1"><tbody>
+    <tr><td>commit</td><td>Firefox 3.0.15</td><td>Safari 4.0.3</td></tr>
+    <tr><td>bb5899c56e33716db724cb60a5120b91f5fccdeb</td>
+    <td>28 ms/instantiation</td>
+    <td>15.02 ms/instantiation</td></tr>
+    <tr><td>2847c1cf1a2874e9fe56b5749e6e105e37bb086a</td>
+    <td>49.27 ms/instantiation</td>
+    <td>24.48 ms/instantiation</td></tr>
+    </tbody></table>
      </p>
    </body>
  </html>