Suggestion: Defer offscreen loading of images on mobile?

  • Resolved snippet24

    (@snippet24)


    5 years ago

    Hi!
    If I may a possible useful feature that is to add lazy loading only for mobile as connection for it is usually slower. For example google offers reports of PagesSpeed for mobile and desktop flavors, for the first my score was 45 of 100 in a website, while in the desktop had 92 and the main suggestion was to lazy load images off-screen.
    Said that maybe even better than lazy loading would be to defer loading of off-screen images till on-screen images are loaded, because otherwise the user as scrolls have to wait till the now on-screen images load, while using defer as usually js scripts work they are going to be already loaded by the time the user scrolls.
    Kind Regards,
    Tomás

    • This topic was modified 5 years ago by snippet24.
    • This topic was modified 5 years ago by snippet24.
Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Author Optimizing Matters

    (@optimizingmatters)

    AO 25 doesn’t lazyload CSS background images, which is why GPSI might be unhappy. In 2.6 background images that are set in the style attribute of the node (typically a div) will be lazyloaded as well, so that might help.

    re. “even better than lazy loading would be to defer loading of off-screen images till on-screen images are loaded”; that actually is how lazysizes (the JS lib AO uses) does things ??

    Thread Starter snippet24

    (@snippet24)

    “will be lazyloaded as well, so that might help.”
    :thumbs: Well I didn’t explain very well though is good to know this. I meant whether AO lazy loading of images could be set only for mobile screen size and not desktop, but I don’t know whether not using lazy loading for desktop has any advantage.

    “that actually is how lazysizes (the JS lib AO uses) does things”
    Ohh that’s great!! ??

    Kind Regards!
    Tomás

    Plugin Author Optimizing Matters

    (@optimizingmatters)

    ah, right, forgot to answer that one about mobile vs non-mobile; issue there is that you at that point need a page cache that can differentiate between mobile and desktop, as the HTML is different and as AO can make no assumptions on what page cache is in use that becomes a problem really, so I don’t see this being added in the near future I’m afraid.

    frank

    Thread Starter snippet24

    (@snippet24)

    Ohh I see and should there be any drawback/disadvantage in having enabled lazy loading for desktop screens?

    • This reply was modified 5 years ago by snippet24.
    • This reply was modified 5 years ago by snippet24.
    Plugin Author Optimizing Matters

    (@optimizingmatters)

    no, not really ??

    Thread Starter snippet24

    (@snippet24)

    Okidoki ??

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Suggestion: Defer offscreen loading of images on mobile?’ is closed to new replies.