Performance APIs
Checking compatibility...
Measure and analyze web application performance using high-precision timing, resource timing, navigation timing, and user timing APIs.
Navigation Timing
Measure how long your page takes to load. This example shows how to check key metrics like total page load time and how long it's been since the page finished loading.
=
=
=
=
=
=
Output
Click Run to see output...Resource Timing
See how quickly individual files load on your page. This example demonstrates how to track loading times for specific resources like images and API requests, helping you identify slow-loading content.
=
=
=
=
=
=
Output
Click Run to see output...Performance Marks
Create custom timers to measure specific code operations. This example shows how to place timing markers in your code and measure the duration between them, helping you find performance bottlenecks.
=
=
=
=
=
=
Output
Click Run to see output...