Performance Data using browser-perf for old and new versions of http://www.html5rocks.com

data.md

Tabular Data

Metrics	Old Version	New Version
total_texture_upload_time	0.035	0.07
PaintSetup_avg	0.25	0.2
average_num_missing_tiles	0.666666667	0
ParseHTML_avg	0.741935484	0
RecalculateStyles_avg	0.907692308	0.61224988
PaintSetup_max	1	1
EventDispatch_avg	1.595243908	0.173918351
PaintSetup	2	4
FunctionCall_avg	2.299997965	3.177415417
Layout_avg	2.421052632	0.545454545
TimerFire_avg	2.869586447	15
CompositeLayers_avg	3.599967448	3.272721724
average_commit_time	3.655172414	3.139534884
FireAnimationFrame_avg	4	2
Program_avg	4.311638819	3.028819147
average_num_layers_drawn	4.933333333	2.956521739
FireAnimationFrame_max	6	2
DecodeImage_avg	7.5	6.6
FireAnimationFrame	8	4
ParseHTML_max	10	0
GCEvent_avg	10	21.00024414
GCEvent	10	21.00024414
GCEvent_max	10	21.00024414
Paint_avg	14.21742315	7.421059056
ResizeImage_avg	15.99991862	10.66666667
EventDispatch_max	17.00024414	1.000244141
RecalculateStyles_max	19	20
ParseHTML	23	0
DecodeImage_max	29	22
EvaluateScript_avg	29.44436306	1
ResizeImage_max	29.99975586	28
DecodeImage	30	33
Layout_max	41	1
Paint_max	45	40
Layout	46	6
ResizeImage	47.99975586	32
TimerFire_max	50	15
CompositeLayers_max	50	38
RecalculateStyles	59	30.00024414
FunctionCall_max	62	134
TimerFire	66.00048828	15
EventDispatch	67.00024414	8.000244141
mean_frame_time	74.13333333	66.70212766
_mean_frame_time-old	78	69.47826087
mostly_smooth	80	71
percent_impl_scrolled	100	100
CompositeLayers	107.9990234	143.9997559
EvaluateScript_max	112	2
texture_upload_count	138	260
Program_max	184	134
dom_content_loaded_time_ms	252	94
EvaluateScript	264.9992676	2
FunctionCall	275.9997559	196.9997559
dropped_percent	306.6666667	289.1304348
Paint	327.0007324	282.0002441
jank	416.2813839	228.6888087
load_time_ms	581	220
first_paint	746.0000515	476.9999981
Program	1258.998535	1051.000244

Performance.md

#browser-perf results

Performance Comparison between old and new versions of HTML5rocks

Using the browser-perf tool, a test suite similar to Chromium-telemetry on the old and new versions of html5rocks was run.

Test Environment

Page: http://www.html5rocks.com/en/tutorials/speed/animated-gifs/ Page versions: New Commit against Old Commit Browser: Chrome 31 Number of Runs: 10

Observations

Overall, the page speed has increased as shown by the numbers.

• The Paint time and the time for first paint has reduced to almost 1/2 in most cases.
• Page load time has also reduced by 1/2
• The Jank is cut by half.
• Mean frame times and frames dropped while scrolling have also reduced, though by a lesser margin.
• Event dispatch and layout times has drastically reduced

Running this on your machine

• Do an npm install -g browser-perf and follow the instructions on the README page

raw-data.csv