Eager Load Background Images

Hey all,

I’m working on a client site, and am using BG images in a few div blocks. I believe BG images are automatically set to lazy load. Is there a way to set BG images to eager load? Perhaps some custom code that anyone knows of? Or am I doing something incorrect. Please advise.

Thanks
Patrick


Here is my site Read-Only: [LINK][1]

https://preview.webflow.com/preview/gaspee-real-estate1?utm_medium=preview_link&utm_source=designer&utm_content=gaspee-real-estate1&preview=55f01be2684ffc8e4be0a9906e08bbef&workflow=preview

.bg-image {
  background-image: url(your-image-url);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

@patrickkolb - Nope. Background images are not loaded lazily by browser lazy loading. You could do it with custom code, however. So, if you are having issues with the rendering of a background image you could consider the size of the file as a potential issue. You can use the browser’s built in developer tools to understand how the page you built is performing.

Appreciate the quick feedback both of you.