← All examples

Action Developer & QA

Measure page load timing

The action reads the Navigation Timing API and logs DNS, TCP, TTFB and full load times to the console.

Code to copy

try {
  const nav = performance.getEntriesByType('navigation')[0];
  if (nav) {
    const round = function (n) { return Math.round(n) + ' ms'; };
    console.log('JustZix page timing:');
    console.log('  DNS:', round(nav.domainLookupEnd - nav.domainLookupStart));
    console.log('  TCP:', round(nav.connectEnd - nav.connectStart));
    console.log('  TTFB:', round(nav.responseStart - nav.requestStart));
    console.log('  DOM ready:', round(nav.domContentLoadedEventEnd - nav.startTime));
    console.log('  Load:', round(nav.loadEventEnd - nav.startTime));
  } else {
    console.log('JustZix: navigation timing not available');
  }
} catch (err) { console.error('JustZix page timing:', err); }

How to use this example

  1. Copy the code with the button above.
  2. Install JustZix (2 minutes) and open the extension on the target page.
  3. Add a new rule matching that page.
  4. Enable the action panel, add a button in the Actions tab and paste the code into it — run it with one click.

Rate this example

No ratings yet — be the first.

Does this example work?

Snippets are useless without somewhere to paste them.

JustZix takes 2 minutes to install and runs your code on every matching page. No account, no payment.

Download free See use cases