As described in the documentation the performance metrics can be fetched using the navigation and resource timings API.
I've had varying levels of success using the PerformanceObserver as shown in the webdev tutorials. However, I was either unable to find the information shown in the footer, or my timings did not match the timings of the DevTools. I have been unable to find any straightforward solutions.
How do I fetch the footer information shown below from javascript using the API? (marked red in the screenshot here)
- 22 requests
- 428 kB transferred
- 1.78 MB resources
- Finish: 3.47 s
- DOMContentLoaded: 1.41 s
- Load: 1.75 s
Thank you.
