Support » Plugin: W3 Total Cache » Lazy Load Question & Answer

  • Resolved Mentik Yusmantara

    (@mentikyusmantara)


    Thanks for your plugin,
    I see new important feature in this plugin “Lazy Load”
    For 2 years using, testing, dan compare another lazy load plugin, i have specific question for that

    1. Is Lazy load generate <noscript tag> for SEO?
    2. How i can set vertical offset of lazy feature?
    3. How i can set image placeholder?
    4. Can i create CSS background for unloaded image? If use js to change class from unloaded to loaded, some case this good way than img placeholder to take effect. Ref: https://developers.google.com/web/fundamentals/performance/lazy-loading-guidance/images-and-video

    Thanks for best FREE support 🙂

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Contributor Marko Vasiljevic

    (@vmarko)

    Hello @mentikyusmantara

    Thank you for your inquiry and I am happy to answer this:

    1. <noscript> increase the number of DOM nodes and negatively affect page speed score. Also, page size increased what affects network transferring time. At the same time, Google says it works well with intersection observer lazyloading implementation we use
    https://developers.google.com/search/docs/guides/lazy-loading so we don’t generate them.
    2. Not sure what you mean by that. Can you please clarify?
    3. YOu can set image placeholders via hooks. SVG is what w3tc places by default.
    4. It gives CSS class to all images it modifies, so you may set some background to that class.
    I hope this helps!

    Thread Starter Mentik Yusmantara

    (@mentikyusmantara)

    Thanks your answer help all my question

    1. I am not sure all bot can crawl the image, because its use Javascript. As i found, googlebot from now support Javascript. But i don’t know about another search engine.

    And a notherhand There called dynamic rendering, i don’t much understand. But maybe can be considering about noscript tag.
    https://developers.google.com/search/docs/guides/dynamic-rendering

    2. Sorry for ambiguous question, i mean lazy threshold?

    Thanks 🙂

    Plugin Contributor Marko Vasiljevic

    (@vmarko)

    Hello @mentikyusmantara

    1. All modern bots parse it well, if you do care about something legacy – it can be implemented via user agent groups and hook to disable LL within that group. It would mean to increase page size for everyone just to make some single bot happy, and there is no reason for that.
    As for the Lazy treshhold, thank you for the idea. I’ve opened an issue in our GitHub public repository on your behalf regarding this. Please make sure to check the progress of the issue on a regular basis.
    Thank you!

    Thread Starter Mentik Yusmantara

    (@mentikyusmantara)

    @vmarko thanks, you recommendations about dynamic rendering is really helpful

    Really want to know the progress of lazy threshold

    Best Support 🙂

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Lazy Load Question & Answer’ is closed to new replies.