Tagged: Lazy Load
-
AuthorPosts
-
June 16, 2023 at 11:51 am #92603MelGuest
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_captchaAre 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
MelJune 16, 2023 at 11:57 am #92672Marko VasiljevicKeymasterHello 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!
June 19, 2023 at 9:14 am #93015Mel ParkerGuestHi Marko,
Thanks for your help with this topic.
June 19, 2023 at 9:14 am #92789MelGuestHi Marko,
Thanks for your helpful reply and info.
I am glad that lazy load is working ok for the website. -
AuthorPosts
- The topic ‘Lazy Load – Exclude Words & Threshold’ is closed to new replies.