Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Show Navigation Timing Markers in timeline

See original GitHub issue

Part of the timeline PRD. This is the main blocker for analyzing page loads.

Mark up page loads to allow visualizing the anatomy of a page load and selecting the right timespans.

Timing	Color	Category/Marker	Comment
Navigation Start	light gray	`unknown` `Navigation::Start`
First Paint	green	`unknown` `Contentful paint…`	Bug 1298381, being validated
DOMContentLoaded	blue	`Navigation` `DOMContentLoaded`
Loaded	red	`Navigation` `Load`
TTI	yellow	`TTI`	Behind dom.performance.time_to_first_interactive.enabled

Open decisions:

Final colors

Issue Analytics

State:
Created 5 years ago
Comments:9 (7 by maintainers)

Top GitHub Comments

1reaction

canovacommented, Nov 8, 2018

@digitarald Since Bug 1417976 landed, we have the data in the profile(Also #1476 will make it permanent in the processed profile).

1reaction

gregtatumcommented, Nov 6, 2018

@digitarald Why are docshells blocking this? Do we need docshells in place to start showing them? Seems like we could start visualizing them now, but they wouldn’t be tied to a particular page. Also, do we have a UI spec for this yet, or at least a preconceived idea of how this looks? Should this be a new timeline track?

Top Results From Across the Web

Navigate with Timeline markers in Motion - Apple Support

In Motion, Control-click the Timeline ruler, then choose Previous Marker from the shortcut menu. The playhead jumps to the starting position of the...

C. The Navigation Timeline - Berklee PULSE

Clicking and dragging on the navigation slider will show you timing information and you can "scrub" the audio. The Time Display and Measure...

Working with clip and timeline markers - Adobe Support

Clip markers appear as icons within the clip in the Expert view timeline. However, timeline markers appear in the time ruler.

The Timeline Index | Basic Editing - Peachpit

Find, sort, rename, and navigate clips. Open the Timeline Index and click Clips; see FIGURE 4.36. ... FIGURE 4.36 The Clips panel in...

Using the User Timing API - MDN Web Docs

Retrieving markers and measures. There are many different performance entries in the browser's performance timeline. Some are added by the ...