empty space

Can you share the URL where I can see the issue? I’m guessing there is a conflict with the lazy-load functionality.

I see your site is using Perfmatters and that you have the “delayed scripts” functionality enabled.

You need to make sure you don’t delay lazy-load.min.js which is output as an inline script module.

This also goes for Optimization Detective’s logic which is also output as an inline script module.

We have an open issue to reach out to Perfmatters and WP Rocket to get them to not delay these scripts (assuming they have a denylist). If you can identify whether the issue is due to Perfmatters delaying the script that will be helpful.

I’m looking at the page source and I’m not seeing anything from Embed Optimizer’s lazy-load.js. Namely, I would expect to see application/vnd.embed-optimizer.javascript appear somewhere, but I don’t.

If you deactivate Perfmatters does this fix the problem?

I’m looking at the page now and I do see the Embed block, but I’m seeing something very strange where the HTML is corrupted.

Yes, I see that something is corrupting the markup of the Embed block. There is no closing </figure> tag, for example. And there is some script that is getting injected into a data attribute used by Optimization Detective:

<figure class="wp-block-embed is-type-wp-embed is-provider-eugenio-ruberto wp-block-embed-eugenio-ruberto">
  <div data-od-xpath="/HTML/BODY/DIV[@class='chariti-body-outer-wrapper '] !function(d,l){&quot;use strict&quot;;l.querySelector&amp;&amp;d.addEventListener&amp;&amp;&quot;undefined&quot;!=typeof URL&amp;&amp;(d.wp=d.wp||{},d.wp.receiveEmbedMessage||(d.wp.receiveEmbedMessage=function(e){var t=e.data;if((t||t.secret||t.message||t.value)&amp;&amp;!/[^a-zA-Z0-9]/.test(t.secret)){for(var s,r,n,a=l.querySelectorAll('iframe[data-secret=&quot;'+t.secret+'&quot;]'),o=l.querySelectorAll('blockquote[data-secret=&quot;'+t.secret+'&quot;]'),c=new RegExp(&quot;^https?:$&quot;,&quot;i&quot;),i=0;i&lt;o.length;i++)o[i].style.display=&quot;none&quot;;for(i=0;i&lt;a.length;i++)s=a[i],e.source===s.contentWindow&amp;&amp;(s.removeAttribute(&quot;style&quot;),&quot;height&quot;===t.message?(1e3&lt;(r=parseInt(t.value,10))?r=1e3:~~r&lt;200&amp;&amp;(r=200),s.height=r):&quot;link&quot;===t.message&amp;&amp;(r=new URL(s.getAttribute(&quot;src&quot;)),n=new URL(t.value),c.test(n.protocol))&amp;&amp;n.host===r.host&amp;&amp;l.activeElement===s&amp;&amp;(d.top.location.href=t.value))}},d.addEventListener(&quot;message&quot;,d.wp.receiveEmbedMessage,!1),l.addEventListener(&quot;DOMContentLoaded&quot;,function(){for(var e,t,s=l.querySelectorAll(&quot;iframe.wp-embedded-content&quot;),r=0;r&lt;s.length;r++)(t=(e=s[r]).getAttribute(&quot;data-secret&quot;))||(t=Math.random().toString(36).substring(2,12),e.src+=&quot;#?secret=&quot;+t,e.setAttribute(&quot;data-secret&quot;,t)),e.contentWindow.postMessage({message:&quot;ready&quot;,secret:t},&quot;*&quot;)},!1)))}(window,document); &lt;/script&gt; ' title="Codice da incorporare" class="input-embed input-embed-251480" readonly/> 
</div> 
<button class="copy-embed copy-embed-251480" title="Copia codice da incorporare" aria-label="Copia codice da incorporare"></button> 
</div> 
</div> 
</div> 
</div> 
<div class="podcast_meta">
<aside>

• This reply was modified 1 year, 2 months ago by Weston Ruter.

Yes, because they both depend on Optimization Detective. Can you share the URL for where I can see the problem with Image Prioritizer?

Are you on WordPress Slack? You can DM me there.