Replies: 1
I’m back, with a follow up question to the previous lazy load question. I am trying to add a custom class to each
tag, so I can then exclude them from lazy load. I have added that class to my
tags. But now, when I load my page, these images don’t display at all. Here is a screenshot illustrating the issue. This screenshot is for one image, but the same occurs for all images in my slider (i.e. all images with this custom class), even as they slide into view.
To be clear, I still have the Autoptimize lazy load enabled, but I have not yet added a custom class to the lazy-load exclusions field (it is still empty). If I disable Autoptimize lazy load, the issue is still present. But if I deactivate Autoptimize, the issue goes away.
I’ve tried clearing the Autoptimize cache, and the browser cache, but to no avail.
One additional oddity is that this issue occurs on my live site. I have a private clone of my site that I use for testing and development–the issue does *not* occur on my dev site. Curious.
Thoughts on that?
Currently, I’ve removed the custom class from my site, so unfortunately you cannot see it in-action. If it really helps though, I could perhaps re-add the custom class on my live site, so you could see the issue in-action. That would of course break my home page slightly (i.e. display blank images in the main image slider), so I would need that to be relatively short duration.