Page MenuHomePhabricator

Pick up Navigation Timing metrics with WebPageTest
Closed, ResolvedPublic

Description

Talked with @Imarlier last week and one thing that we miss out on today in WebPageTest is the Navigation Timing metrics. We totally focus on Visual Metrics but it would be interesting to catch the Navigation Timing metrics the same way as we do with RUM, then we see changes we can correlate them easier between RUM and synthetic. One note though: firstPaint and first visual change seems to correlate really good for us.

Simplest way to it is to add an extra JavaScript on the server (the same way we do with RumSpeedIndex). Only thing that is unclear if we should push the metrics to Graphite (the same way we do as with RUM would be the best) but let me fix so that we collect them first.

Event Timeline

Peter triaged this task as Medium priority.May 22 2018, 11:22 AM
Vvjjkkii renamed this task from Pick up Navigation Timing metrics with WebPageTest to o0caaaaaaa.Jul 1 2018, 1:10 AM
Vvjjkkii removed Peter as the assignee of this task.
Vvjjkkii raised the priority of this task from Medium to High.
Vvjjkkii updated the task description. (Show Details)
Vvjjkkii removed a subscriber: Aklapper.
CommunityTechBot renamed this task from o0caaaaaaa to Pick up Navigation Timing metrics with WebPageTest.Jul 2 2018, 3:47 PM
CommunityTechBot assigned this task to Peter.
CommunityTechBot lowered the priority of this task from High to Medium.
CommunityTechBot updated the task description. (Show Details)
CommunityTechBot added a subscriber: Aklapper.

Let me pick this up again in a week or two.

I've added :/var/www/webpagetest/www/settings/custom_metrics/navigationTimings.js on the server.

You can click on the JSON to see the result:

click-to-see.jpg (1×2 px, 209 KB)

Screen Shot 2020-10-21 at 10.25.46 AM.png (886×718 px, 133 KB)

The metrics will automatically be sent to Graphite. I'll create a new graph when we have some more data and then close the issue.

Excellent! If they can be sorted alphabetically, that's be great. They don't seem to have a particular order at the moment.

I think that's how WebPageTest choose to iterate over the object. Its alphabetically sorted where I created it.

Added a simple graph for now (scroll down to Navigation Timings):
https://grafana.wikimedia.org/d/000000057/webpagetest-drilldown?orgId=1

I added the graphs so that is fixed now.