-
Hello. ANy chance you know why my Hero container struggles to load? The websites page color loads, and then the hero container has a gradient and a background color that snap in to place, then the image. It’s really delayed and only happens on a mobile device. Thanks!
-
Hi there,
Your image is 131kb, it’s kind of large, can you try reducing its size?
And it’s being lazy-loaded, some plugin might be doing that.
Try adding
loadingattribute to the image, and set the value toeagerto see if that can override the lazy load.
https://app.screencast.com/m5ADGgRMrgjCl -
I thought it was being lazy loaded but I turned it off…at least I thought I did. When I reduce the size it pushes the image to the left, how do I reduce the image to lets say 80% and keep the image in the middle?
-
I meant to reduce the image file size not the image render size.
There are tools online to compress png files.
-
Ok. It’s reduced as much as possible. Without he image, it still has this weird delay with the background gradient. I did the the “loading eager” thing, didn’t really help. Before I deactivate the cache plugin, any other suggestions/ideas?
-
I got it worked out….thank you for your help.
-
You are welcome 🙂
- You must be logged in to reply to this topic.