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.


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


.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.