JSPM

  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 6092
  • Score
    100M100P100Q124973F
  • License Apache-2.0

Parse raw trace data into the Chrome DevTools' structured profiling data models

Package Exports

  • devtools-timeline-model

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (devtools-timeline-model) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

devtools-timeline-model Build Status

Parse raw trace data into the Chrome DevTools' structured profiling data models

If you use something like big-rig or automated-chrome-profiling you may end up with raw trace data. It's pretty raw. This module will parse that stuff into something a bit more consumable, and should help you with higher level analysis.

Install

$ npm install --save devtools-timeline-model

NPM devtools-timeline-model package

Usage

const filename = 'demo/mdn-fling.json'

var fs = require('fs')
var events = fs.readFileSync(filename, 'utf8')
const devtoolsTimelineModel = require('devtools-timeline-model');
var model = devtoolsTimelineModel(events)

//=>
model.timelineModel // full event tree
model.irModel // interactions, input, animations
model.frameModel // frames, durations
model.filmStripModel // screenshots

image

Using devtool to view the full output: image

API

devtoolsTimelineModel(traceData)

traceData

Type: string or object

Either a string of the trace data or the JSON.parse'd equivalent.

return object model

  • model.timelineModel full event tree
  • model.irModel interactions, input, animations
  • model.frameModel frames, durations
  • model.filmStripModel screenshots

These objects are huge. You'll want to explore them in a UI like devtool.

License

Apache © Paul Irish