How can I optimize or prefetch or preload the Largest Contentful Paint Element?

How can I optimize or prefetch or preload the background images slider? https://snipboard.io/CYzeFh.jpg

And how can I add a fetchpriority=”high”’ attribute to mark LCP images? https://snipboard.io/9nsmrD.jpg

I use https://www.debugbear.com/ for these shots

NOTE: I using WP-ROCKET Plugin.

Kind Regards

Hello,

You need to optimize your site in general to improve this parameter.
https://web.dev/articles/lcp

Here is our article on how to optimize the website: https://xtemos.com/wordpress-performance-optimization-the-ultimate-guide-in-2021/

Best Regards.

[orangeblossomksa]

Hello Aizaz,

I’ve already done all the necessary steps. But here it refers to the background of the sliders in the mobile version

PageSpeed Insights:
https://snipboard.io/RSu6wF.jpg – https://snipboard.io/26Bx8U.jpg

DebugBear – Monitor Page Speed and Core Web Vitals:
https://snipboard.io/IQUkas.jpg – https://snipboard.io/GW1iLD.jpg

Best Regards.

• This reply was modified 6 months, 4 weeks ago by orangeblossomksa.

Hello,

This approximates when the main content of the page is visible to users, thus the site needs to be optimized in general so that the largest content element is displayed more quickly.
https://developer.chrome.com/docs/lighthouse/performance/lighthouse-largest-contentful-paint/?utm_source=lighthouse&utm_medium=lr

If we check your site via Insights, we can see other issues: which together can cause this problem. So I suggest you sort out these diagnostic issues ( and then re-check whether the “Largest contentful…” issue persists or not.
https://ibb.co/VH99q4q

Best Regards.

[Author]

Posts