google chrome - Why is SVG scrolling performance so much worse than PNG? -


a site i'm working on displays large number (>50) of complex svg images in scrolling dialog window. when viewing site in chrome, scrolling performance of dialog window poor - noticeably laggy , slow. however, if replace svg images png images, scrolling smooth , responsive.

here's demonstration of difference: https://jsfiddle.net/nathanfriend/42knwc1s/

why svg scrolling performance worse png scrolling performance? after browser renders svg image, assume doesn't need rerender image until image manipulated in way (like resizing). scrolling element contains svg images cause images rerendered every frame of scroll animation?


                                                                                          ` 

i think kind of chromium bug, i've found issue on so, because started experiencing on mac. works ok on opera instance.

i don't think here able explain why it's slow if bug. i've created chromium bug, please star if want issue fixed or learn more https://bugs.chromium.org/p/chromium/issues/detail?id=681611


Comments

Popular posts from this blog

c++ - llvm function pass ReplaceInstWithInst malloc -

Cross-Compiling Linux Kernel for Raspberry Pi - ${CCPREFIX}gcc -v does not work -

java.lang.NoClassDefFoundError When Creating New Android Project -