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]
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-lazyloadto AO’s lazyload exclusion field to ensure AO does not apply lazyload to the gallery as well.
hope this helps,
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?
they can be any part of file path or a class or id if present. anything inside the image tag actually ..
it all depends on how specific you want/ need it to be 🙂
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
that’s a correct assumption 🙂
thanks, quick question i just followed a basic settings course
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
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.
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!!!
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.
many thanks in advance
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?
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.
it is called the featured image i read on wpengine.com:
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.
- The topic ‘-Lazy load which one to use?’ is closed to new replies.