Lazy Loading Images Randomly Breaks

  • Resolved ajtatum

    (@ajtatum)


    3 years, 1 month ago

    I’ve tried with Autoptimize Lazy Loading, WP Rocket’s stand alone lazy loading, and Perfmatter’s Lazy Loading. I prefer Permatter’s because they have a fade-in for images as they load. I’ve tried excluding the JavaScript from being loaded by adding wp-content/plugins/perfmatters/js to the JavaScript exclusion path.

    To be honest, I’m not sure if it’s Autoptimize, RapidLoad, or Cloudflare Caching (otherwise I use PHP 8 FPM Cache to generate a “static” cache).

    As of right now, I have it set to Autoptimize and it works and when I look at the header I see “fastcgi-cache: HIT” & “x-wp-cf-super-cache: cache” and the images are loading appropriately, so it seems like it’s something that’s generating JS/CSS like Autoptimize or RapidLoad.

    Would you have any suggestions?

    Thanks,
    AJ

    • This topic was modified 3 years, 1 month ago by ajtatum.

    The page I need help with: [log in to see the link]

Viewing 9 replies - 1 through 9 (of 9 total)
  • Plugin Author Optimizing Matters

    (@optimizingmatters)

    when the images don’t load, do you see JS errors on the browser console?

    Thread Starter ajtatum

    (@ajtatum)

    Nope

    Plugin Author Optimizing Matters

    (@optimizingmatters)

    Just so I understand correctly; does the problem also occur with the current config (with AO doing the lazyloading), or does that only happen when you lazyload with Perfmatters and/or Rocket Lazyload?

    Thread Starter ajtatum

    (@ajtatum)

    It’s happened with AO, which is why I started seeking out other lazy loading solutions. I’m actually starting to think it may be something with Cloudflare (I use https://www.ads-software.com/plugins/wp-cloudflare-page-cache/) and a Worker to cache everything. It could be generating a “static” version of the site and on initial load, it wouldn’t have the images. Does that make any sense?

    Plugin Author Optimizing Matters

    (@optimizingmatters)

    no, don’t think it’s related to Cloudflare page cache, but might you have other CF-options active too (RocketLoader or other optimization techniques)?

    Thread Starter ajtatum

    (@ajtatum)

    Nope, had too many issues with RocketLoader so that’s disabled.

    Plugin Author Optimizing Matters

    (@optimizingmatters)

    OK, in that case we’ll need to start disabling certain things to try to find which one is to blame, I would propose to start with Rapidload?

    Plugin Author Optimizing Matters

    (@optimizingmatters)

    any news ajtatum ?

    Thread Starter ajtatum

    (@ajtatum)

    Everything has been working fine using Autoptimize’s lazy loading and haven’t tried Perfmatters since it works. Also, I’ve switched hosting providers that handles caching for me and utilized Cloudflare Enterprise, so I don’t have as many potential plugin conflicts as I had before.

    Thanks for your time!
    AJ

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Lazy Loading Images Randomly Breaks’ is closed to new replies.