How to fix slow loading of hero image on homepage?

Store Design
,
1

Hello,

On my homepage, the first hero image only is loading as a white square for a few painstaking seconds before loading the image. How do I stop this white loading ?

Kind regards,

Hayley

2

Hello @HayPLD22
Can you please share your site url?

3

www.puritylacedesigns.com.au

4

Hi,

I would keep it like that. The reason it does it is so that the webpage doesn’t shift when loading. If you remove it you will hurt your performance.

You can read more about it here Cumulative Layout Shift (CLS) (web.dev)

5

Hello @HayPLD22 ,One of the reasons why your image is taking time to load is because of the image storage size and what you need to do is Compress the image and re-upload it.

I hope this helps,If you have any questions, let me know on here.

Regards

Iyanu

6

Thank you, what size should I compress it to?

7

Make sure it is not less than 2 megabytes and not upto 5 megabytes.

Regards

Iyanu