Exclude page/url from Lazy Loading

  • Resolved mobizdev

    (@mobizdev)


    2 years, 10 months ago

    We have a website where we are displaying custom content/post types via queries/loops on several pages with an image for each custom content/post item.

    One of these pages uses the “Printfriendly” make a PDF function.
    When placing the make PDF button at the top of the page, not all images of post/content items are being retrieved by the “print” process due to the lazy loading function.
    We already tried with “Exclude CSS Classes from Lazy Load” but this does not work for us since we can only give custom CSS class names to parent containers.

    We know that some other caching plugins like WP-Rocket allow for exclusion of particular pages/posts from some functions such as lazy loading.

    Is there a way to exclude a particular page or URL from the lazy loading functionality – e.g. via functions.php with SG Optimizer?

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Support Delyan Delov

    (@delyandelov)

    Hi @mobizdev,

    I have checked the provided URL and noticed that some of the images are indeed not loading. Then, I disabled the Lazy load completely but the images were still not loading.

    Could you please specify the exact images you are experiencing an issue with and how we can recreate the issue on our end?

    Thread Starter mobizdev

    (@mobizdev)

    Hi there,

    thanks for your feedback.
    How did you disable Lazy load on our site?

    1. LAZY LOAD ACTIVATED in the plugin
    The issue is that when the page is loaded and the user did not scroll down to the end of the page and uses the “make PDF” button at the top – only the first 2 images are loaded/displayed – all other images that are on this page are not appearing in the PDF preview popup.
    However, once a user has scrolled down to the end of the page, and then uses the “make PDF” button at the bottom of the page, all images are loaded into the PDF preview.

    2. LAZY LOAD DEACTIVADED in the plugin
    If we deactivate LL in the plugin, then reload the page and make a PDF with the button at the top all images are visible in the PDF preview.
    As soon as we activate LLoad we face the issue described under 1.

    IMPORTANT: all tests/check were made with loading the page in a different browser, so that we are not logged into the site.

    Plugin Support Delyan Delov

    (@delyandelov)

    Since your website is hosted at SiteGround, I have also access to the server where it is hosted so I have managed to disable the Lazyload functionality via WP-CLI.

    I have managed to recreate the issue on my end, however, there are no other options to exclude the images from Lazy loading besides creating a custom CSS class for them. Unfortunately, the functionality the Elementor plugin provides for creating a new CSS class does not apply to the image itself but rather to the parent <div> container as you mentioned.

    Still, you can try applying the solution discussed here:
    https://www.ads-software.com/support/topic/lazy-loading-still-happening-despite-adding-skip-lazy-to-exclusions/

    I have already passed this information to our plugin developers so they can consider adding more exclude options for the Lazy load functionality.

    • This reply was modified 2 years, 10 months ago by Delyan Delov.
Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Exclude page/url from Lazy Loading’ is closed to new replies.