usecase - listing pages on ecommerce sites. assume ~40 images on screen, but maybe 4 show above the fold.
-
-
and happy to define width/height for elements.
1 reply 0 retweets 0 likes -
I usually hack some js for detecting/loading/etc, but done it so often now, feel like browser could give a hand
1 reply 0 retweets 0 likes -
I'm using (a polyfill of) this for impression tracking, helps somewhat: https://developers.google.com/web/updates/2016/04/intersectionobserver …
1 reply 0 retweets 1 like -
love IntersectionObservers! but I still feel I shouldn’t program this specific optimization by hand
1 reply 0 retweets 1 like -
Have to admit I don't know enough to offer suggestions. Think answer is often "web components", tho.
1 reply 0 retweets 1 like -
Replying to @wanderview @threepointone
: +1. Roll up IO behaviour into own IMG tag and avoid replaced content sizing. Roughly what AMP does
2 replies 0 retweets 2 likes -
I hear you, but this makes SSR, seo etc harder. Issue isn't perf, but doing it 'right'.
2 replies 0 retweets 0 likes -
Replying to @threepointone @wanderview
: not sure how that makes either harder.
1 reply 0 retweets 0 likes -
would google recognize <my-image/> as an image? And now need js to load for images to start loading
1 reply 0 retweets 0 likes
: indexing pipeline runs script.
-
-
then bing. And scrapers. And opera mini :/
1 reply 0 retweets 0 likes -
Replying to @threepointone @slightlylate and
to repeat, these solutions are *fine*. Just feel it can be better 'natively'.
0 replies 0 retweets 1 like
End of conversation
New conversation -
Loading seems to be taking a while.
Twitter may be over capacity or experiencing a momentary hiccup. Try again or visit Twitter Status for more information.
& Web Standards TL; Blink API OWNER
Named PWAs w/
DMs open. Tweets my own; press@google.com for official comms.