New issue
Advanced search Search tips

Issue 810376 link

Starred by 4 users

Issue metadata

Status: Assigned
Owner:
Cc:
Components:
EstimatedDays: ----
NextAction: ----
OS: Mac
Pri: 2
Type: Bug

Blocked on:
issue 874836



Sign in to add a comment

Scrolling delays image load

Reported by michaelv...@gmail.com, Feb 8 2018

Issue description

UserAgent: 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:
 
Fun fact: If I switch between being in developer mode and not (at chrome://extensions) and reloading the site - everything loads perfectly. But second time loading the site, same problem occurs again (regardless of developer mode on/off).

Comment 2 by ajha@chromium.org, Feb 9 2018

Labels: Needs-Triage-M63
Components: Blink>Scroll
Cc: altimin@chromium.org
Components: Blink>Scheduling
Labels: Needs-Feedback
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.
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.
Project Member

Comment 6 by sheriffbot@chromium.org, Feb 19 2018

Cc: dtapu...@chromium.org
Labels: -Needs-Feedback
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
Status: Available (was: Unconfirmed)
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
Problem is that this is very inconsistent. Problems mostly occur with sites I have reloaded many times (working on frontend development).

Comment 9 Deleted

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
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
spectrum_problem.png
419 KB View Download
Blockedon: 874836
It sounds like the heuristic which blocks tasks for smoother scrolling. We're planning to remove this logic in 874836. 
Summary: Scrolling delays image load (was: Lazy load pending images)
Owner: altimin@chromium.org
Status: Assigned (was: Available)

Sign in to add a comment