Scrolling delays image load
Reported by
michaelv...@gmail.com,
Feb 8 2018
|
|||||||||
Issue descriptionUserAgent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_11_4) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/63.0.3239.132 Safari/537.36 Steps to reproduce the problem: 1. Setup a (javascript) lazy load image environment. 2. Scroll with a trackpad or external mouse: images loads slowly (more than 2 seconds after "src" has been set). 3: But if I drag the browser scrollbar, the images load much faster (like they should and do in other browsers). What is the expected behavior? No delay in loading images. What went wrong? The images are pending for a couple of seconds when scrolling with anything else than the browser scrollbar. Did this work before? N/A Does this work in other browsers? Yes Chrome version: 63.0.3239.132 Channel: stable OS Version: OS X 10.11.4 Flash Version:
,
Feb 9 2018
,
Feb 9 2018
,
Feb 15 2018
Can you provide us a input trace? This is likely to do with the fact that scrollbar dragging is main thread driven whereas the other methods of scrolling you describe are compositor thread driven. And that priority goes to the compositor thread in handling scrolling. So this would be working as intended. There are policies around the mouse being down as well. But we'd ned to confirm from a trace. If you provide a sample URI then we can see how it behaves in other vendors too.
,
Feb 19 2018
Here's a simplified version of what I am building: http://iliketoplay.dk/public/lazyload/ 1: Listen to scroll event 2: Check if element is in view 3: When in view: load image 4: When loaded: fade in.
,
Feb 19 2018
Thank you for providing more feedback. Adding the requester to the cc list. For more details visit https://www.chromium.org/issue-tracking/autotriage - Your friendly Sheriffbot
,
Feb 21 2018
Thanks for the repro case. It seems to be working correctly here. Would you mind recording a trace[1] of the problematic case for us to look at? [1] https://www.chromium.org/developers/how-tos/trace-event-profiling-tool/recording-tracing-runs
,
Feb 21 2018
Problem is that this is very inconsistent. Problems mostly occur with sites I have reloaded many times (working on frontend development).
,
Mar 26 2018
we have the exact same problem at https://www.heise.de If I scroll with a TrackPad or a MagicMouse, all lazy loaded images are in state "pending" for 3 seconds in two out of three times (you see three dots while loading) and than got to "(state from cache)". If I drag the scrollbar, all images are loaded instant. my chrome: Version 65.0.3325.162
,
Apr 20 2018
Same exact issue here: https://dot-agency.it/spctrm/ Very inconsistent as well. Tried lazysizes, unveil and even tried a super simple src swap and load. No success the problem remains, only in chrome my version 65.0.3325.181
,
Aug 16
It sounds like the heuristic which blocks tasks for smoother scrolling. We're planning to remove this logic in 874836.
,
Aug 16
,
Aug 20
|
|||||||||
►
Sign in to add a comment |
|||||||||
Comment 1 by michaelv...@gmail.com
, Feb 8 2018