Lazy loading image above the fold

  • Resolved JibsouX

    (@jibsoux)


    2 years, 12 months ago

    There are Above-the-fold images that are lazily loaded render later in the page lifecycle, which can delay the largest contentful paint.

    It will be a good thing to have a sub-option for lazy load to choose if yes or not we want the Above-the-fold img to be lazyloaded or not

    Learn more :
    https://web.dev/lcp-lazy-loading/

Viewing 9 replies - 1 through 9 (of 9 total)

  • Check source code of your theme. In almost every case lazy load is generated by theme/Wordpress itself and not by cache plugin. If you search for lazy load you will find dozens of threads about how to remove theme based lazy load function.

    FYI: Cache plugin has a option to exclude images from being lazy loaded.

    Thread Starter JibsouX

    (@jibsoux)

    Hello @serpentdriver Thanks but that’s not it, and worpress does it by it self now too.. but i will check more for this.
    I have WPBakery but it does not have that.

    • This reply was modified 2 years, 12 months ago by JibsouX.

    Yes and that’s why you have to remove loading=”lazy” attribute from code. loading=”lazy” is added by WordPress/Theme. If you search for lazy load you will find dozens of threads here what exactly has to be done.

    Thread Starter JibsouX

    (@jibsoux)

    BTW i found an other message for the same question here : https://www.ads-software.com/support/topic/disable-lazy-load-image-for-the-first-image-above-the-fold-2/

    I think litespeed dont deactivate wp native lazy load

    • This reply was modified 2 years, 12 months ago by JibsouX.
    Thread Starter JibsouX

    (@jibsoux)

    I already test to use

    add_filter('wp_lazy_loading_enabled', '__return_false');

    But it does not do anything with litespeed plugin actif

    https://www.ads-software.com/support/topic/disable-lazy-load-image-for-the-first-image-above-the-fold-2/

    Even, litespeed dont have detection for above the fold image for now !

    • This reply was modified 2 years, 12 months ago by JibsouX.

    This filter removes lazy load from all images. You can now use cache plugin settings to add its own attribute for lazy load, but with plugin functions you can exclude certain images from being lazy loaded.

    Thread Starter JibsouX

    (@jibsoux)

    I know what the hook does, but as I explained in my previous post this hook does not apply when litespeedcache is active because it tries to modify the html after the generation of the ls cache it is necessary that this hook is implemented with the function activate lazyloading in page optimization otherwise it is not taken in the loop

    Plugin Support qtwrk

    (@qtwrk)

    Hi,

    for now , it just lazyloads all image it encounters , you can manually exclude the ones you think it should not

    we are working on something like “viewport image” to enhance the lazyload

    best regards,

    Thread Starter JibsouX

    (@jibsoux)

    Ow yeah ! that will be a verry good update !
    Cheers.

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Lazy loading image above the fold’ is closed to new replies.