Commit 380d11f1 authored by Tim Zallmann's avatar Tim Zallmann Committed by Mike Greiling

Removed performance bar labels for total rendering

parent e960088d
...@@ -70,9 +70,9 @@ export default ({ container }) => ...@@ -70,9 +70,9 @@ export default ({ container }) =>
let durationString = ''; let durationString = '';
if (navigationEntries.length > 0) { if (navigationEntries.length > 0) {
durationString = `BE ${this.formatMs(navigationEntries[0].responseEnd)} / `; durationString = `${Math.round(navigationEntries[0].responseEnd)} | `;
durationString += `FCP ${this.formatMs(paintEntries[1].startTime)} / `; durationString += `${Math.round(paintEntries[1].startTime)} | `;
durationString += `DOM ${this.formatMs(navigationEntries[0].domContentLoadedEventEnd)}`; durationString += ` ${Math.round(navigationEntries[0].domContentLoadedEventEnd)}`;
} }
let newEntries = resourceEntries.map(this.transformResourceEntry); let newEntries = resourceEntries.map(this.transformResourceEntry);
...@@ -105,10 +105,6 @@ export default ({ container }) => ...@@ -105,10 +105,6 @@ export default ({ container }) =>
size: entry.transferSize ? `${nf.format(entry.transferSize)} bytes` : 'cached', size: entry.transferSize ? `${nf.format(entry.transferSize)} bytes` : 'cached',
}; };
}, },
formatMs(msValue) {
const nf = new Intl.NumberFormat();
return `${nf.format(Math.round(msValue))}ms`;
},
}, },
render(createElement) { render(createElement) {
return createElement('performance-bar-app', { return createElement('performance-bar-app', {
......
...@@ -16,10 +16,10 @@ It allows you to see (from left to right): ...@@ -16,10 +16,10 @@ It allows you to see (from left to right):
![Rugged profiling using the Performance Bar](img/performance_bar_rugged_calls.png) ![Rugged profiling using the Performance Bar](img/performance_bar_rugged_calls.png)
- time taken and number of Redis calls; click through for details of these calls - time taken and number of Redis calls; click through for details of these calls
![Redis profiling using the Performance Bar](img/performance_bar_redis_calls.png) ![Redis profiling using the Performance Bar](img/performance_bar_redis_calls.png)
- total load timings of the page; click through for details of these calls - total load timings of the page; click through for details of these calls. Values in the following order:
- BE = Backend - Time that the actual base page took to load - Backend - Time that the actual base page took to load
- FCP = [First Contentful Paint](https://developers.google.com/web/tools/lighthouse/audits/first-contentful-paint) - Time until something was visible to the user - [First Contentful Paint](https://developers.google.com/web/tools/lighthouse/audits/first-contentful-paint) - Time until something was visible to the user
- DOM = [DomContentLoaded](https://developers.google.com/web/fundamentals/performance/critical-rendering-path/measure-crp) Event - [DomContentLoaded](https://developers.google.com/web/fundamentals/performance/critical-rendering-path/measure-crp) Event
- Number of Requests that the page loaded - Number of Requests that the page loaded
![Frontend requests using the Performance Bar](img/performance_bar_frontend.png) ![Frontend requests using the Performance Bar](img/performance_bar_frontend.png)
- a link to add a request's details to the performance bar; the request can be - a link to add a request's details to the performance bar; the request can be
......
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment