Support » Plugin: Autoptimize » -Lazy load which one to use?

  • Resolved sneakerlove

    (@sneakerlove)


    Hi I am using visual gallery pro all my galleries of 100+ images are in visual gal galleries. They offer a lazy load option in the gallery settings 1. for visual galleries only or 2. for all site pics.

    Which lazy load should i use autopmise or the native gallery one? or potentially the visually one for visual galleries only so they don’t conflict.
    many thanks in advance

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

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

    (@optimizingmatters)

    Hard to say, as I don’t know “visual gallery pro”, but the best way forwards would be to test the different configurations (on a staging site) to see which one works best in your specific context?

    If you end up testing “visual gallery pro setting 1” with Autoptimize’s lazyload, you will have to add vp-lazyload to AO’s lazyload exclusion field to ensure AO does not apply lazyload to the gallery as well.

    hope this helps,
    frank

    As to the exclusions to lazy load, do you have to have the entire file path as well as the image name or just the name?

    Plugin Author Optimizing Matters

    (@optimizingmatters)

    they can be any part of file path or a class or id if present. anything inside the image tag actually ..

    So it’s like a crazy inclusive wild card…

    Plugin Author Optimizing Matters

    (@optimizingmatters)

    it all depends on how specific you want/ need it to be 🙂

    Thread Starter sneakerlove

    (@sneakerlove)

    hoi @frank sorry was down with cold.
    I don’t see a lazy load exclude field under images.

    assume it will turn up when activated

    Plugin Author Optimizing Matters

    (@optimizingmatters)

    that’s a correct assumption 🙂

    Thread Starter sneakerlove

    (@sneakerlove)

    thanks, quick question i just followed a basic settings course
    https://www.cloudzat.com/set-up-autoptimize-plugin/

    and the settings slowed down my GTMETRICS test from C rating to D
    naturally i had hoped to go to higher to a B

    does it take time when using cloudflare/wpsupercache for cloudflare before results should be seen? obviously everyone including wpsupercach for cloudflare recommend using autoptimize

    Plugin Author Optimizing Matters

    (@optimizingmatters)

    I see a C now (screenshot below), but you should focus on those “Core Web Vitals” (which are also what Google uses) instead of the overall GTmetrix score really.

    First thing I would do is tick the “eliminate render-blocking CSS” option and either providing generic “above the fold CSS” (see the AO FAQ under “inline & defer CSS” for info on where/ how to generate that) or better create rules on the critical CSS tab to ensure each page/ page type gets specific “above the fold CSS”?

    Based on Google Pagespeed Insights you also have margin to significantly improve on the image front (especially “encode images in next gen formats”), so using “image optimization” in AO or using “shortpixel adaptive images” might also be (very) helpful.

    Thread Starter sneakerlove

    (@sneakerlove)

    yes i turned off the autoptimize settings i had changed and set them back to the minimum i started with. so it might gone back to C so that’s my answer for how quick to see it i guess,

    thank you very much for your tips i will test the settings again starting with the advice you just gave!!!

    Thread Starter sneakerlove

    (@sneakerlove)

    hi frank sorry to disturb you again.
    I have now enabled visual gallery pro setting 1 so visual gallery lazy loader for visual gallery only and set AO to lazy load for rest of site adding your exception line: vp-lazyload to AO. However, it completely malfunctions. some post (cover) images are not loading at all anymore and posts (images) are not loading on a wp post overview page such as Home. Chrome seems to be worst, Just tried a clean iPad to test chrome in addition to chrome/safari on iphone.

    any thoughts?
    many thanks in advance

    Plugin Author Optimizing Matters

    (@optimizingmatters)

    OK, so;
    1. are the problems limited to images that are part of that Visual Gallery?
    2. does the problem go away when lazyload is off in Visual Gallery?
    3. does the problem go away when lazyload is off in AO?

    Thread Starter sneakerlove

    (@sneakerlove)

    1. no visual gallery pictures are not a problem all images in the visual galleries lazy load fine with this new setting also. as well as before with the old setting.

    the problem goes for some/many of other images (so those in wp pages inserted as featured post image) which I realise is off course also why they don’t show up on post overview page such as home.

    2 and 3. the old settings were Visual gallery lazy load all pictures on the site and it appeared not to cause any problem. however the mobile speed page test from google told me to add a lazy loader to lazy load ‘offscreen’ images, which lead me to believe the visual gallery lazy load all site pics didn’t work, so I though lets try and have AO lazy load all site pics (except visual gallery pro images) so that’s the status right now and AO doesn’t seem to lazy load but many images not load at all.

    Thread Starter sneakerlove

    (@sneakerlove)

    it is called the featured image i read on wpengine.com:
    Featured Image

    The featured image isn’t inserted into the body of a WordPress post, but is used structurally throughout your theme. It may appear as a thumbnail next to the post’s title, for example, or in the header when viewing a particular post.

    Plugin Author Optimizing Matters

    (@optimizingmatters)

    And it’s that featured image that isn’t displaying when AO lazyload is on? Check the HTML source and find if those featured image come with a specific class-name and if so add that class-name to the lazyload exclusions?

Viewing 15 replies - 1 through 15 (of 16 total)
  • The topic ‘-Lazy load which one to use?’ is closed to new replies.