Add a breakdown of step time to overview page.

tensorboard/plugins/profile/overview_page/overview-page.html

@@ -105,6 +105,8 @@
         <paper-card heading="Performance Summary">
           <div class="card-content">
             <p><b>Average step time</b> (lower is better): <b><span class="steptime-average" >[[_steptime_ms_average]] ms</span> </b> <i style="opacity:0.7">(standard deviation = <span>[[_steptime_ms_stddev]]</span> ms)</i></p>
+            <p>- Average infeed: <span>[[_infeed_ms_average]]</span> ms</p>
+            <p>- Average compute: <span>[[_compute_ms_average]]</span> ms</p>
             <p><b>Host idle time</b> (lower is better): <span>[[_host_idle_time_percent]]</span></p>
             <p><b>TPU idle time</b> (lower is better): <span>[[_device_idle_time_percent]]</p>
             <p><b>Utilization of TPU Matrix Units</b> (higher is better): <span>[[_mxu_utilization_percent]]</span></p>
@@ -206,6 +208,8 @@
        _mxu_utilization_percent: { type: String },
        _steptime_ms_average: { type: String },
        _steptime_ms_stddev: { type: String },
+       _infeed_ms_average: { type: String },
+       _compute_ms_average: { type: String },
        _top_ops_heading: { type: String },
        _error_message: { type: String },
        _host_count: { type: String },
@@ -271,6 +275,10 @@
            inputAnalysisJson.p['steptime_ms_average'];
        this._steptime_ms_stddev =
            inputAnalysisJson.p['steptime_ms_standard_deviation'];
+       this._infeed_ms_average =
+           inputAnalysisJson.p['compute_ms_average'];
+       this._compute_ms_average =
+           inputAnalysisJson.p['infeed_ms_average'];
      },
      /* Displays run time information */
      _showRunEnvironment : function(runEnvironmentJson) {