Performance API Demo

The Performance API provides access to performance-related information, enabling precise timing measurements, user timing marks, and performance metrics.

Performance API: checking...

Page Load Timing

Key performance metrics from page navigation:

DOM Content Loaded

--

milliseconds

Page Load Time

--

milliseconds

DNS Lookup

--

milliseconds

Time to First Byte

--

milliseconds

Refresh Metrics

Performance Marks & Measures

Create custom timing marks and measure durations:

Create MarkMeasure Since Last MarkClear All

Type	Name	Start Time	Duration
No marks or measures yet

Simulated Task Performance

Run simulated tasks and measure their performance:

Light Task (10ms)Medium Task (100ms)Heavy Task (500ms)Run All Tasks

Last Task Duration

--

milliseconds

Total Tasks Run

0

tasks

Average Duration

--

milliseconds

Navigation Timeline

Visual timeline of page load phases:

Loading timeline...

Resource Timing

Performance entries for loaded resources:

Loading resource timing data... Refresh Resources

Event Log

Performance events will appear here...