Lazyload Not Working In Safari

  • Resolved znagle

    (@znagle)


    6 years ago

    Hello,

    I recently installed the latest version of Lazy Load by WP Rocket. It works great on Chrome and Firefox. But on Safari, lazy loading is not working. I have prepared a test page here if you want to see for yourself: https://devstock.wpengine.com/lazy-load-test-page/

    Here is a screenshot that shows what the Network tab in each browser’s dev tools looks like upon initial load:

    View post on imgur.com

    Please note I have also tested in ‘troubleshooting mode’, and the results are exactly the same. A significant amount of our traffic is from Safari — any idea how to fix this problem?

    Thanks,
    Zach

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

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Contributor WP Rocket

    (@wp_rocket)

    Hi,

    please add this code snippet to your site:

    add_filter( 'rocket_lazyload_polyfill', '__return_true' );

    After that, the lazyload should be working on Safari too.

    Thread Starter znagle

    (@znagle)

    It works! Thank you so much for the incredibly fast response!

    rsmith4321

    (@rsmith4321)

    I would highly suggest this be the default until ios updates to support intersectionobserver. It took me a while to notice this wasn’t working on safari. On desktop Safari isn’t popular but it very much is on mobile.

    I’m using the fade in effect described here https://docs.wp-rocket.me/article/113-fade-in-effect-for-your-lazyloaded-images but I noticed the class on Safari doesn’t change from lazyloading to lazyloaded. Is that a bug?

    Is it safe to use img[data-was-processed=true] instead?

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Lazyload Not Working In Safari’ is closed to new replies.