Hubik-Plugin-Rendering

The rendering plugin for Hubik.

Requirement

• Mac OS X
• Nodejs >= 5.0.0

Installation

npm install hubik-plugin-rendering

Usage

    var Hubik = require("hubik");
    var rendering = require("hubik-plugin-rendering");
    var hubik = new Hubik();
    hubik.install([rendering]);
    hubik
        .suite(function($plugin){
            $plugin.enable(rendering.name); //Enable the rendering plugin.
            ...
        })
        .run(function(report){
            console.log(report)
        });

report

    {
        frameData: [
            { 
                ts: 36311651969, 
                name: 'Frame', 
                dur: 10, //ms
                fps: 60 
            },
            ...
        ],
        timelineData: { 
            'XHR Ready State Change': 342.51200000196695, //ms
            'Animation Frame Fired': 82.69200000911951,
            'Paint': 80.61599998176098,
            'Update Layer Tree': 56.16700002551079,
            'Layout': 37.0620000064373,
            'Minor GC': 29.87999999523163,
            'Recalculate Style': 24.573999986052513,
            'Composite Layers': 24.355000026524067,
            'Major GC': 23.656000018119812,
            'DOM GC': 2.4160000011324883,
            'XHR Load': 0.8780000060796738,
            'Parse HTML': 0.7319999784231186 
        }
    }

Example

Hubik-Demo