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 |
Last active
March 7, 2017 23:45
-
-
Save axemclion/8230632 to your computer and use it in GitHub Desktop.
Performance Data using browser-perf for old and new versions of http://www.html5rocks.com
#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.
Page: http://www.html5rocks.com/en/tutorials/speed/animated-gifs/ Page versions: New Commit against Old Commit Browser: Chrome 31 Number of Runs: 10
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
- Do an
npm install -g browser-perf
and follow the instructions on the README page
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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 |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment