← Back to Module 05

Module 05: Performance Timing Test

Instructions:
  1. This page loads collector-v4.js plus several resources to generate timing data
  2. After the load event fires, timing data is collected and displayed below
  3. Open DevTools Console to see the full payload logged by the collector
  4. Try a hard refresh (Ctrl+Shift+R) to see non-zero DNS/TCP/TLS values

Status: Waiting for load event...

Navigation Timing

Bar chart showing each phase of the page load (all values in milliseconds):

Resource Summary

Resources loaded by this page, aggregated by type:

Loading...

Raw Timing Data

The complete JSON objects returned by getNavigationTiming() and getResourceSummary():

Waiting for data...