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.
