javascript - jQuery CSS Hooks slow. Could be disable or fixed? -


i'm building widget in javascript using jquery 1.10.2 , used old trick of having 2 divs, outside div smaller , hides partially internal div. use jquery .css() change left , width of internal div allowing implement panning , zooming of contain of internal div. , it's working well, complex dom inside these internal div.

the problem in firefox 26 , 27 slow. profile it, , see calls "jquery.csshooks[name].get()" being painful slow (in chrome 33.0.1750.146 these calls quick), hurts badly performance. keeps being usable, difference , feel between chrome , firefox issue appreciable , unacceptable.

i find slow csshooks happens when use .css() change left property pixels.

var left = string(- (this.view_cursor - this.options.start) * this.ppy + offset) + 'px'; var width = string(this.ppy * interval) + 'px';  this.container.css({   left: left,   // line launchs painful slow csshooks calls   width: width, }); 

any idea or suggestion of how can avoid these slow calls, or speed-up ? don't find information of similar problem or similar issue this.

edit : can test here : http://www.digibis.com/elgreco_digimus/es/musobjects/timeline.html?busq_concept=53

ok, looks firefox more slower rendering in linux , drivers... profile manually measuring times js code, , find firefox takes 7 ms when chrome takes 4 ms in same code redraws all...


Comments

Popular posts from this blog

c# - How to get the current UAC mode -

postgresql - Lazarus + Postgres: incomplete startup packet -

javascript - Ajax jqXHR.status==0 fix error -