homepage failing CLS for Desktop. (it does well in Mobile)
banner image is causing .072, the main contributor, see below and the referenced code.
main#MainContent > section#shopify-section-template--15833734447275__image_banner > div#Banner-template--15833734447275__image_banner > ::after
section-image-banner.css is where i think the banner image needs changes.
this file has a section of code for the "banner_media"
i think i need to change a bit of code to assign size attributes, height and width.
the picture of the corvette (banner media) is 1219px by 579px
what do i need to do to fix the CLS issue with this image for Desktop?
this is the Default Code (current code) in that file:
To resolve this issue, you must remove the lazy loading for this banner section.
Follow the steps below to get this fixed.
Hope it helps. Let us know if you need any further help.
We are OneExperts from OneCommerce - an eCommerce solution platform.
You can set specific width and height to decrease CLS like below:
Of course you also need to pay attention to set the size according to responsive
Hope this can help you solve the problem. If you need any further support, hit us up at firstname.lastname@example.org for replies within minutes
On our Shopify Expert Marketplace, you can find many trusted third party developers and fr...By Arno Nov 27, 2023
You've downloaded the Search & Discovery app from the Shopify App store, and as you're ...By Skye Nov 8, 2023