jquery - processing performance - fadeTo() vs css opacity -

jquery - processing performance - fadeTo() vs css opacity -

i have experimented repetitive event animated these functions:

jquery animation effect: fadeto(1000,1); $('#foo').on('click', function(){ $('#bar').css({"opacity":1});

when repeat toggling event 1 time again , again, seems event getting gradually slower.

i took in task manager in chrome well, however, quite hard see gpu comsumption different.

do have thought 1 perform faster?

after running jsperf, seems, suspected, fadeto significantly slower.

in fact, me, 56% slower:

here's test created, can run yourself: http://jsperf.com/fadeto-vs-css-opacity

jquery html css