Hi dalibord,
For that exclusion box and for something specific like this, it’s usually best to add the filename, so in your instance, logo-white-icon.svg. Or, you could add the ‘skip-lazy’ class to that image (note, not ew-skip-lazy). You would do that where you define that image in your page builder. Once you do that, you will want to clear your cache and check again.
Hi adame.
I’ve tried skip-lazy, and it didn’t work.
I’ve added a custom ew-skip-lazy class for the images I’d like to exclude, and I’ve added that class (ew-skip-lazy) to the exclusion as well.
Of course, I’ve cleared the cache.
Simply does not work, I’m also wondering why define( ‘EIO_LAZY_FOLD’, 3 ); in wp-config.php also does not work.
Strange.
Ps. the URL method seems to work, thanks!
-
This reply was modified 3 years, 8 months ago by
Dalibor.
I’m glad that worked! If you want to explore the other items and why they didn’t work, the rest of these questions have to do with that.
Where were you adding skip-lazy? It needs to be added as a class to the image itself. If you did and it was still being lazy loaded, was it perhaps the built-in lazy loader from WordPress? Can you add it to an image on your site so I can see it?
I searched for ew-skip-lazy on your site and found some background images were the only ones with it on a parent, but it will only work if it’s on the element itself.
The “3” in that override has to do with the number of elements to exclude, in order of load. It doesn’t look like your logo was loading in the top 3 which may be why it wasn’t catching it (though as you mentioned, it is being skipped now). I do see images being excluded from your site (including the top 3).
“I searched for ew-skip-lazy on your site and found some background images were the only ones with it on a parent, but it will only work if it’s on the element itself.”
I’ve replaced it with a more intuitive “no-lazy” class. That’s being taken care of with the URL exclusion.
There is still an issue with the Elementor background images not being ll-ed.
I’ve added a custom class on the Elementor, but it goes to the parent div (which is ll-ed).
https://prnt.sc/hYrc3_ESNTub
The image itself is still not ll-ed.
https://prnt.sc/Xp5Ws1KwIgcH
Is there any workaround for that?
What happens if you add the class of the element itself to the exclusion box?
elementor-element-populated
I can’t do that, as that class is not limited to that page alone.
Can’t try it, as I don’t have the access to the website any more. My work on it is done.
