JavaScript Library To Measure Performance of Your Webpage – justice

Preview:

Description:

justice is a JavaScript library to generate a tool bar that displays page timing metrics and a streaming fps meter. Budgets are also supported for timing metrics. The goal is to allow developers, support team members and anyone interested to discover troublesome performance issues that might not have been previously known

Basic usage:

Load the justice JavaScript library in your webpage.

<script src="justice.min.js"></script>

Initialize the performance bar with options.

Justice.init({
  metrics: {
    TTFB:             { budget: 200   },
    domInteractive:   { budget: 250   },
    domComplete:      { budget: 800   },
    firstPaint:       { budget: 1000  },
    pageLoad:         { budget: 2000  },
    requests:         { budget: 6     },
  },
  warnThreshold: 0.08,
  showFPS: true,
  chartType: 'spline'
});