share share share 

Track individual URL timings

With Synthetics Browser Monitors you can monitor user journeys across multiple pages. It records various performance metrics during the script execution. Along with performance metrics, users can extract custom metrics for further analysis and monitoring. In this page, we’ll show how to extract the load times of each page you are visiting within your User Journey script. After extraction, you can chart these metrics with custom dashboards and create alert rules.

Extracting page load times

When you visit a page within your script using the page.goto() method:

await page.goto("https://www.my-company-page.com/");

Record the start time just before calling the page:

let start = new Date();

Then, record the end time after the page has loaded in the next line. By subtracting these two timestamps, you can calculate the page load time. This result can be converted into the desired metric format and extracted as a custom metric.

Here’s an example:

let start = new Date();
await page.goto("https://www.my-company-page.com/");
let end = new Date();
let loadTimeInSeconds = (end.getTime() - start.getTime()) / 1000;
context.setMetric('myWebsitePageLoadTime', loadTimeInSeconds);

Refer to extract page load time script for the complete example.

After extracting page load time metrics, you can visualize them and create alert rules by following the instructions here. This process will result in a dashboard where you can view individual page load times for each monitor run.