Home page LCP optimization – Slides background image
-
Hi WoodMart Support,
I have two questions:
I’m using the Slides module for the homepage banner, with different background images for desktop and mobile. PageSpeed flags the background image as the LCP element and suggests applying fetchpriority=”high”.
→ Is there any official way to apply fetchpriority=”high” or output the first slide image as ![]()
instead of CSS background?
On the shop page, when hovering a product, a cart icon appears, but it just links to the product page (not AJAX add to cart).
→ How can I disable or hide this hover cart button without removing the wishlist or quick view?
Thanks.
This issue has already been resolved, no further action is needed. Thank you.
Hello,
1. Since you’re using WP Rocket, it has already preloaded this image for the mobile device. However, because your image is heavy, this issue appears. You need to optimize the image (make it lighter, for example, around 30 kilobytes).
2. Navigate to WooCommerce -> Settings -> Products -> disable the “Redirect to the cart page after successful addition”: https://take.ms/zObzT
Kind Regards
I have the same issue with LCP for mobile. My image is 57kb which I guess it is not heavy. Also the text doesn’t appear unless you scroll down and then up again. Together with the slider text the header banner delays as well. What can I do? How to solve this issue?
Attachments:
You must be
logged in to view attached files.
Hello @dunies,
I see that your image is around 117kb – https://prnt.sc/ris1pZZT2b4x
Try to upload for the mobile device lighter image, clear the cache and then recheck the issue.
Kind Regards
.
