We couldn’t built compare without the support or inspiration from the following people:
If you like our project, please give them also some extra love :)
Compare two different HAR files and the result will look something like this:
As long as your HAR files follow the HAR specification you can use them in Compare. Standard HARs will give you some basic functionality and HARs from WebPageTest and sitespeed.io will give you more.
If you add a WebPageTest HAR we will show SpeedIndex and FirstVisualChange and if you used Chrome to collect CPU stats, we will show that too. You will get some extra sugar if your HAR is from WebPageTest! Do you have something else that we should add? Create an issue or send a PR!
If you deploy your result from your sitespeed.io run to a server and use –resultBaseURL when you run sitespeed.io, we will also pickup the screenshot, video and a link to the result page.
If you also run with –firstParty (adding a regex that show which assets that are first/third parties) we will will show data grouped by party.
You can either upload two HAR files (drag/drop) or give the URL to two URLs hosted online.
If you host your sitespeed.io result pages, you can copy/paste the URL to a page or to a specific run and Compare will automagically find the URL to the HAR file.
You can also compare two HAR files on the fly that are available on the internet. Add the parameters ?har1=FULL_URL1&har2=FULL_URL2&compare=1 and the two HAR files will be compared. The full URL will look like: https://compare.sitespeed.io?har1=https://PATH1&har2=https://PATH2&compare=1
Send us a PR/create an issue. If you have big change coming up, please discuss it with us in an issue first.
Deploying your own version is easy:
git clone firstname.lastname@example.org:sitespeedio/compare.git
cd compare && npm run build
If you deploy your own version: please keep the original logo and the link to the project. We have spent a lot of our free time to work on this!