javascript - IE11 Paints Much Less Frequently than Firefox or Chrome - How to Get IE to paint more frequently? -
i using angularjs 1.5 , aim create draggable divs , images.
i have bunch of absolutely positioned divs , images have ng-style. there directive listens mousedown , subsequent mousemove, , when element dragged, applies style (for example {left: 20px, top: 100px}) based on cursor position, updates model carrying top, left, width , height properties, ng-style uses. operates smoothly on chrome, little slower on firefox, , abysmally slow on ie11. trying ie11 perform adequately.
after looking @ performance profiles, appears ie not calling paint on chrome. chrome processes 1 mousemove event in approximately 6ms (see below), , paints every 16ms 60fps.
for reason, using same code, ie11 calculates bunch of mousemove events without painting screen, causing fps abysmal. how increase frequency of painting screen?
does have ideas how increase painting frequency?
chrome profile: 1 mousemove event processed in ~5ms, painting occurs every 16ms.
ie11 profile: 1 mousemove event processed in ~10ms, many called without painting, , painting occurs every 100-200ms, resulting in poor fps.
Comments
Post a Comment