What's the precise method to measure the time it takes for a page to fully load in Playwright?

Bumping.

https://dev-tester.com/check-your-sites-performance-with-artillery-and-playwright/

You can also use CDP to get your performance timings: https://anandhik.medium.com/performance-testing-in-playwright-64cdef431e2e

Just had to do a bit of googling 🙂

I was thinking about using web performance APIs alongside Playwright, and my plan looked something like this. But it turns out that the navigation API I had in mind is no longer supported. I tried searching for an alternative but came up empty-handed; there doesn't seem to be any documentation on it.

const time = performance.timing;
    return time.loadEventStart - time.navigationStart;
});```

await page.goto('https://danube-webshop.herokuapp.com')

  const performanceTimingJson = await page.evaluate(() => JSON.stringify(window.performance.timing))
  const performanceTiming = JSON.parse(performanceTimingJson)

  console.log(performanceTiming)

  const startToInteractive = performanceTiming.domInteractive - performanceTiming.navigationStart
  console.log(`Navigation start to DOM interactive: ${startToInteractive}ms`)

Found a page talking about using the window performance timing

not sure where window comes from though, this might be one of those awful AI-generated 'articles'

Yep, I've got this page, and the navigationStart is the part that's no longer supported

https://developer.mozilla.org/en-US/docs/Web/API/PerformanceTiming/navigationStart

😦

It suggests to use https://developer.mozilla.org/en-US/docs/Web/API/PerformanceNavigationTiming

Yes, however, it seems that the new API doesn't provide any apparent alternatives for the navigationStart property.

This might be helpful https://anandhik.medium.com/performance-testing-in-playwright-64cdef431e2e Thank you @tphillips8117