Changes to achieve 60fps while scrolling

mlisook / plastic-image

A Polymer 3.0 element which adds extra plasticity to <iron-image> with support for srcset and lazy loading

MIT License

30 stars 6 forks source link

Changes to achieve 60fps while scrolling #27

Closed paales closed 7 years ago

paales commented 7 years ago

[x] beforeNextRender implemented when lazy loading images.
[x] Implemented will-change when the image is going to fade.
[x] Cleanup the will-change property after it has faded in.
[ ] Get rid of the 300ms after loading the polyfill? Or maybe add a comment why this is being done?

When I profile the page, there sometimes still are scrolling performance issues, but that is due to the decoding of new images that have finished downloading. #18

mlisook commented 7 years ago

Well, this is a crazy good performance improvement. Certainly noticeable, even to a casual user. I'll be updating all four sites I'm working on immediately.

Thank you, I bow to your mastery.

paales commented 7 years ago

@mlisook Do you perhaps still know why the 300ms delay is there for the polyfilled browers?

paales commented 7 years ago

Oh, you responded here I see: https://github.com/mlisook/plastic-image/issues/19#issuecomment-320532096

paales commented 7 years ago

@mlisook Could you create a new release for this? :)

mlisook commented 7 years ago

@paales Coming right up!

mlisook commented 7 years ago

@paales version marked, 1.0.8