HAR Viewer Integration

[jameshopkins]

The main set of metrics we require to be rendered in the application UI (for MVP), is a 'waterfall' chart of assets from the tested page - in the same vain as the 'Network' tab in Chrome DevTools.

Background

The test agent will stream a fully-qualified JSON representation of the assets through a TCP socket into the application UI server. This will in turn be available to the browser through a WebSocket. The frequency of these messages is dictated by the speed in which the test agent's Chrome extension can resolve them, and pass them on.

Therefore, multiple re-renders of the 'HAR viewer' will occur - one on every new message from the WebSocket.

MVP

• A non-interactive 'waterfall' chart of the assets from the test endpoint.

Questions

• Since the 'HAR viewer' should be it's own standalone application, how can we embed it into the application UI?

[charypar]

For future reference and HAR parsing, the format specification: https://dvcs.w3.org/hg/webperf/raw-file/tip/specs/HAR/Overview.html