Create waterfall graph from har (http archive) files using gnuplot
JavaScript Shell
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
examples
.gitignore
LICENSE
Makefile
README.md
convert.bat
har2gnuplot
template-gnuplot-waterfall

README.md

har2gnuplot

convert a har file into a gnuplot file, so you can use your network-dumps in a paper.

  cp SOMEPLACE/mydump.har .
  make
  # you now have a *.gnu and a *.png file

Why

If you want optimize your wegpage, you use firebugs network panel or similar tools to explore the timing of the many HTTP requests that go into displaying one webpage. See Souders' Books for an introduction.

The Data from these tools can be exported in HTTP Archive format HAR. (It's basically a JSON-Dump of all the data displayed in the network tab.) You can visually explore your har-file with the HAR viewer.

But: the output from these tools is only useful for visually exploring the data, not for presenting the results in print. In a paper, you want to be able to control the display of the data in more detail: e.g. set a maximum for the time-axis, add labels, ticks, a grid, ...

How

Put your har-file into the main directory. run make. gnu-files and png-files will be created. Check the resulting png-file against the display in your original tool: it should be an exact copy of the waterfall graph.

If you want to modify and improve the graphs, copy the generated *.gnu files to somewhere else, and play around with the many options of gnuplot

Windows

Sorry, the makefile does not work for windows. You have to do stuff manually:

  • Install node.js, there's an Installer evailable
  • Install gnuplot, there's on Sourceforge
  • Add the nodejs directory to your PATH, so you can use npm and node on the command line
  • npm install underscore module cli

now try if the program works for the example file:

  • cp copy examples\chrome.stackoverflow.com.har .
  • if you have gnuplot in your path, uncomment in the batch file the last line
  • otherwise open the .gnu files in gnuplot or wgnuplot afterwards
  • execute the batch file