Hello,
-LCP(Largest Contentful Paint) message doesn’t mean that this particular element is loaded slowly. It just indicates which element is the Larger Contentful Paint. Read more here https://developer.chrome.com/docs/lighthouse/performance/lighthouse-largest-contentful-paint/?utm_source=lighthouse&utm_medium=lr
First, you need to optimize the site in general – https://xtemos.com/wordpress-performance-optimization-the-ultimate-guide-in-2021/
-Eliminate render-blocking resources – you may try solutions described here https://onlinemediamasters.com/eliminate-render-blocking-resources-wordpress/
-Serve images in next-gen formats: Consider using a plugin or service that will automatically convert. Ensure text remains visible during webfont load uploaded images to the optimal formats e.g ‘Imagify’ from the Image Optimization tab in ‘WP Rocket’ to convert your images to WebP.
-Reduce unused CSS – Enable CSS minify and combine it in your cache plugin: https://www.wpbeginner.com/wp-tutorials/how-to-remove-unused-css-in-wordpress-the-right-way/
-Avoid an excessive DOM size – The number of DOM elements are generated in the process of content building. All page builder elements are DOM elements. If you want to reduce DOM elements you will have to reduce the content: widgets, products, menu items, and others.
-Ensure text remains visible during webfont load: Navigate to Theme Settings -> Performance -> Fonts & Icons -> enable the “Swap” option for these https://prnt.sc/dr1cTPFGZGv_ fields
-Properly size images – Optimize the images as it describes in our article: https://xtemos.com/wordpress-performance-optimization-the-ultimate-guide-in-2021/#Step_3
Best Regards,
.
