Chromium Code Reviews| Index: samples/third_party/todomvc_performance/web/startup-performance.html |
| diff --git a/samples/third_party/todomvc_performance/web/startup-performance.html b/samples/third_party/todomvc_performance/web/startup-performance.html |
| new file mode 100644 |
| index 0000000000000000000000000000000000000000..7a403589dba15c6962a8a17574c7a3cc7e04fc00 |
| --- /dev/null |
| +++ b/samples/third_party/todomvc_performance/web/startup-performance.html |
| @@ -0,0 +1,57 @@ |
| +<!doctype html> |
| + |
| +<!-- |
| +Copyright (c) 2014, the Dart project authors. Please see the AUTHORS file |
| +for details. All rights reserved. Use of this source code is governed by a |
| +BSD-style license that can be found in the LICENSE file. |
| +--> |
| + |
| +<html lang="en"> |
| + <head> |
| + <meta charset="utf-8"> |
| + <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> |
| + |
| + <script type="application/javascript"> |
| + |
| + // TODO(efortuna): Revisit in a bit -- should we use |
| + // performance.timing.navigationStart or performance.timing.domLoading? |
|
Jennifer Messerly
2014/03/28 19:51:07
yeah, the nice thing about using these times is yo
|
| + // navigationStart may be a bit noisy. Re-evaluate after we have more |
| + // data. |
| + var startTime = new Date().getTime(); |
| + function onReceive(e) { |
| + // Listen for a timestamp signifying when app startup is complete. |
| + var endTime = e.data; |
| + var startupTime = endTime - startTime; |
| + document.body.innerHTML = 'The startup time is ' + startupTime + |
| + ' milliseconds.'; |
| + reportPerformanceTestDone(); |
| + } |
| + window.addEventListener('message', onReceive, true); |
| + </script> |
| + |
| + <script src="packages/browser_controller/perf_test_controller.js"></script> |
| + <title> TodoMVC • Startup Performance </title> |
| + <link rel="stylesheet" href="app/app.css"> |
| + <link rel="import" href="packages/polymer/polymer.html"> |
| + <link rel="import" href="lib-elements/polymer_localstorage.html"> |
| + <link rel="import" href="elements/td_model.html"> |
| + <link rel="import" href="elements/td_todos.html"> |
| + </head> |
| + <body> |
| + <header> |
| + <h1>todos</h1> |
| + </header> |
| + <polymer-localstorage id="storage" name="todos-polymer"> |
| + </polymer-localstorage> |
| + <td-model id="model" storageId="storage"></td-model> |
| + <td-todos modelId="model"></td-todos> |
| + <script type="application/dart" src="performance.dart"></script> |
| + <footer id="info"> |
| + <p>Double-click to edit a todo</p> |
| + <p>Created by <a href="https://www.dartlang.org/polymer-dart/"> |
| + The Polymer.dart Authors</a></p> |
| + <p>This example was built using a pre-alpha version of Polymer.dart.</p> |
| + <p>Part of <a href="http://todomvc.com">TodoMVC</a></p> |
| + </footer> |
| + </body> |
| +</html> |