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?
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…
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
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
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.
any thoughts?
many thanks in advance
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?
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:
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.
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?
