Loading="lazy" LCP problem

[beartu44]

Hi everyone,

I am currently optimizing an Invision Community v5 site for Core Web Vitals. According to PageSpeed Insights, my Largest Contentful Paint (LCP) element is being delayed significantly (over 4000ms) because it has the loading="lazy" attribute applied.

Since this image is the first thing users see in the widget, I need to remove loading="lazy" and ideally add fetchpriority="high" to it.

The HTML structure looks like this

Searching for topicFeedRow and postFeed templates in the Theme Editor, but the changes don't seem to reflect on the front-end (likely due to aggressive caching or the widget using a different template).

 

<li data-ips-hook="row" class="ipsData__item topic_8320 tthumb_topicRow"> <figure class="ipsData__image tthumb__image"> <a href="..."> <img src="path/to/image.jpg" loading="lazy"> </a> </figure> ... </li>

Only this widget or the first image should be eager instead of lazy.

[DawPi]

Hello,

I think it's a global lazy loading feature applied there. Settings from 4.x:

 

And from 5.x:

 

They removed that setting (or moved - not sure).

 

Doubt you can do much here.

 

[beartu44]

I tried the method you mentioned, but it didn't work. v5 doesn't let me change anything. v4 was really good 😔

[DawPi]

Yeah, much powerfull with the development, yes.