How to get the whole page to resolve at once instead of piece by piece

I am using a background image behind an element at the very top of my page and it loads slower than everything else. So when someone gets to the landing page, that part of the section comes in in pieces making it look quite ugly for a second. Is there a way to get at least that whole section to resolve all at one time?

Thank you

Hey @shraderg,

The image display behavior you described is usually a result of heavy image size. By heavy, I mean 1mb or greater.

What you can do to avoid or at least minimize the effect is to optimize your images. Please read Image Compression section in our Performance Guide.

You might also want to use Progressive JPEGs.

Aside from optimizing your images, we can do nothing on our part as our theme does not have image optimization features. It is a feature provided by Image Optimization plugins.

Hope that helps.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.