search

ChromeDevTools / timeline-viewer

View DevTools Timeline trace files from Google Drive wicked easily
https://chromedevtools.github.io/timeline-viewer/
Other
323 stars 43 forks source link

Missing information opening lighthouse traces #80

Closed dvelasquez closed 3 years ago

dvelasquez commented 3 years ago

Hey people, thanks very much for this awesome tool.

A little context: I'm working with lighthouse programmatically, and every time I run lighthouse I'm storing the traces and devtoolslog information. My idea is to be able to use this data to debug problems.

The issue I'm having is whenever I use the timeline-viewer, some information get lost or shows very different information than when I open the same trace in devtools.

For example: This is how a trace with the timeline-viewer looks like image

And this how it looks like in the chrome devtools image

This is a gist with the trace: https://gist.githubusercontent.com/dvelasquez/0dc154ac0094f9f3b93ae92272a623da/raw/95a654573022deb81aca463b2fcd01b16f6c36be/trace-lighthouse.json

paulirish commented 3 years ago

There's an experiment called "Timeline: show all events"

image

In timeline-viewer I force that experiment on (plus two others).

https://github.com/ChromeDevTools/timeline-viewer/blob/f7afb198e35ba814bb94061eb01853f59c098bfa/docs/dev_tools.js#L23-L25

So you're just seeing additional info here that usually isn't shown.