Justice.js

https://okor.github.io/justice/

A performance metric bar with a streaming FPS graph.g

How to use

<script type="text/javascript" src="justice.min.js"></script>
  

<script type="text/javascript">
    
Justice.init();
  
</script>


With options

<script type="text/javascript" src="justice.min.js"></script>
  

<script type="text/javascript">
    
Justice.init({
      
metrics: {
        
TTFB: { budget: 200   },

domInteractive:   { budget: 250   },
        
domComplete:      { budget: 800   },
  
firstPaint:       { budget: 1000  },
 
pageLoad:         { budget: 2000  },
  
requests:         { budget: 6     },

},
      
warnThreshold: 0.8,
      
showFPS: true,
      c
hartType: 'spline'
    });
  
</script>