Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #92603
    Mel
    Guest

    Hi,

    Could you please give me advice on the following:

    1. Lazy Loading Exclude Words

    According to

    The Ideal W3 Total Cache Settings 2023: Revamped With New Features/Setup Guide

    Exclude Words: add all above the fold images here to exclude them from lazy load. This can improve LCP since lazy loading your above the fold images would be counterintuitive.

    In Performance > User experience > Lazy Loading > Exclude Words

    I have the following in the field (not sure if this was from default or my colleague’s settings):

    avia-bg-style-fixed
    data-bgposition=
    data-envira-src=
    data-large_image=
    data-lazy-original=
    data-lazy-src=
    data-lazyload=
    data-lazysrc=
    data-no-lazy=
    data-src=
    data-srcset=
    fullurl=
    lazy-slider-img=
    loading=”eager”
    no-lazy
    rev-slidebg
    skip-lazy
    soliloquy-image
    swatch-img
    w3-total-cache
    woocommerce/assets/images/placeholder.png
    wpcf7_captcha

    Are these all accurate or do I need to delete and/or add any? Do I also need to manually enter the url of each image above the fold for each page of the website?

    2. Lazy Loading Threshold

    According to

    The Ideal W3 Total Cache Settings 2023: Revamped With New Features/Setup Guide

    Threshold: can result in a smoother scrolling experience by loading images before they get into the viewport using a threshold (i.e. 100px, 10%). This prevents lazy loaded images from “jumping” onto the page especially if you scroll down fast (bad for user experience).

    Which value would you recommend?

    Thanks
    Mel

    #92672
    Marko Vasiljevic
    Keymaster

    Hello Mel,

    Thank you for reaching out and I am happy to assist you with this.
    Your website is utilizing W3 Total Cache Lazyload just perfectly. As I can see there are no issues with the lazyload or the images “jumping”.

    The list in the Exclude Words: words section is the default list so that known problems with some specific themes or other plugins can be avoided. You should keep the original list in your setup. The section Exclude Words: is also there if you wish to exclude a specific image from Lazyload feature, which is not needed in your case.

    The Lazy Loading Threshold is a personal preference. You can try changing this accordingly and see if this adds to your preference and user experience. From what I am seeing, there is no need to change any options in Lazyload section.

    Thanks!

    #93015
    Mel Parker
    Guest

    Hi Marko,

    Thanks for your help with this topic.

    #92789
    Mel
    Guest

    Hi Marko,
    Thanks for your helpful reply and info.
    I am glad that lazy load is working ok for the website.

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Lazy Load – Exclude Words & Threshold’ is closed to new replies.