Lazy load is converting quotes from image attributes into HTML entities

Hi @omirandab,

Hi, I’m having issues with lazy load, is converting quotes from additional image attributes to html entities, like this:

It doesn’t look like converting to HTML entities https://share.cleanshot.com/ScqsKfGv . or I’m missing something? (If you have enabled HTML minification, could you turn it off and see if there is a change?)

You can give it a try to powered_cache_lazy_load_filter for that,

add_filter( 'powered_cache_lazy_load_filter', function ( $content ) {
	return html_entity_decode( $content );
},999 );

I hope this helps, let me know if it doesn’t do the trick.

• This reply was modified 1 year, 3 months ago by Mustafa Uysal.

Thanks for answering so quickly.
I forgot to add this information, the html entities appear in the <noscript> tag, sorry for missing that.

We do not have HTML minification enabled.
The filter did work, but now I’m getting this console error:

Uncaught SyntaxError: Invalid left-hand side in assignment (at ?s=metalica:1075:2163)

I can’t make sense of it as its pointing the src of the image inside the noscript tag, which doesn’t happen when I modify the plugin lines directly.

Hi @omirandab,

I don’t see a problem with the noscript tags either. They basically move the existing img tags into noscripts when the browser doesn’t support JS. If you have another image-related plugin in place, it might be worth temporarily disabling it or disabling the lazy-load feature in Powered Cache to see if the problem persists.

Additionally, to provide you with more targeted assistance, could you please share a publicly accessible URL of the page where you’re experiencing this issue? Having direct access to the page will allow me to better diagnose and understand the problem.

Hello, I appreciate the help.
You can check the issue on this URL: https://stg.spin.com/?s=metalica

Hi @omirandab,

I understand the problem now. Your website’s images are configured with an “onerror” attribute, which is set up to switch to a fallback URL if the original image fails to load.

The complication arises when lazy-loading is activated because it adds a placeholder image that successfully loads, thus never triggering the “onerror” switch. However, our current lazy-load system lacks support for the “onerror” attribute. As a result, when it attempts to load the actual image, it appears broken due to this missing functionality.

I’ve opened an issue about this ,but it’s always more preferable to ensure the images are displayed correctly without any errors.