1. <html>

  2. <body>

  3.     <div id="app"></div>

  4.     <script>

  5.       performance.mark('Load React');

  6.       performance.mark('Load React+ReactDOM');

  7.     </script>

  8.     <script src="react.production.min.js"></script>

  9.     <script>

  10.       performance.measure('Load React', 'Load React');

  11.     </script>

  12.     <script>

  13.       performance.mark('Load ReactDOM');

  14.     </script>

  15.     <script src="react-dom.production.min.js"></script>

  16.     <script>

  17.       performance.measure('Load ReactDOM', 'Load ReactDOM');

  18.       performance.measure('Load React+ReactDOM', 'Load React+ReactDOM');

  19.     </script>

  20.     <script src="benchmark.js"></script>

  21.     <script>

  22.       performance.mark('Initial Render');

  23.       render();

  24.       performance.measure('Initial Render', 'Initial Render');

  25.       requestAnimationFrame(() => {

  26.         performance.mark('Update Render');

  27.         render();

  28.         performance.measure('Update Render', 'Update Render');

  29.       });

  30.     </script>

  31.   </body>

  32. </html>
About Sign Up Leave Feedback Contact