Documentation / Performance Leaderboard

Performance Leaderboard

The leaderboard dashboard is the easiest way to compare how you are doing against your competition. To get it going you need Grafana (6.2 or later) and Graphite. If you don’t have that already, you can follow the instructions in performance dashboard documentation. And to run your tests, you should follow our example.

The dashboard list the pages that you test. With fastest/best URL first (yes it is a leaderboard!). It looks like this: Leaderboard example

But you really should try out our demo at dashboard.sitespeed.io to really get a feel for it. The dashboard is generic and will work out of the box. But you can also modify it!

The current version compares visual metrics, how the page is built, CPU time spent metrics and how many 3rd parties that is used.

You can (and should) of course edit/change your own version of the dashboard:

  • You can configure the red/yellow/green limits for each dashboard
  • You can remove/add your own dashboards
  • You can make each dashboard larger/smaller depending on how many URLs you wanna test

If you use Chrome to test you URLs you can see things like how many and how long CPU long tasks each page uses:

CPU Long tasks leaderboard

Or you can compare Coach performance and privacy score:

Score leaderboard

The easiest way is to setup is to create a text file with the URLs you wanna compare and then push the tests under the same Graphite namespace (--graphite.namespace). Then you automatically compare all the URLs. Here’s what it looks like for one of our tests:

https://www.google.com/
https://www.youtube.com/
https://www.facebook.com/
https://www.baidu.com/
https://en.wikipedia.org/wiki/Main_Page
https://en.wikipedia.org/wiki/Barack_Obama
http://xw.qq.com/
https://world.taobao.com/
https://www.tmall.com/
https://us.yahoo.com/
https://www.amazon.com/

And then we just use the namespace alexaDesktop.

When you try out our setup at dashboard.sitespeed.io you should also look at the namespaces alexaMobile, news and publicSectorDesktop to check out more examples. And one more thing: you can also combine namespaces and compare multiple tests by using the namespace path:

Score leaderboard

If you have any problem with dashboard, let us know in a GitHub issue!