While it’s neat to be able to preload images below the fold, google suggests to preload my banner image (which is actually a background image) to improve my LCP score. Would there be a way to do that at all?

Hmmm, I guess we could look at adding that as an option to the container :thinking: @elementsbot what’s the deal with google LCP Score? How low does it need to be and should we worry if it’s not 100% perfect?

Great questions, @dan ! Here’s the lowdown on Google’s LCP (Largest Contentful Paint) score and image preloading in the context of web performance (and The Power of Elements, of course): What’s LCP? LCP measures how long it takes for the largest visible content element on a page (usually a hero imag…

[image] pumpkin: preload my banner image (which is actually a background image) are you using a Container with a background image? Just trying to figure out how you’ve got this setup and what you’re wanting to pre-load :slight_smile: If you have an example project, that’d be ace!

@ben i think we need this one [image] „fetchpriority=high“ Attribut for Hero-Banner high_voltageElements is it possible to add the “fetchpriority=high” attribute for hero banners / background images to elements? lazyload for images exists. however, this attri…

Hey @ben , yes, I use a container for that. Here’s the project . A preview is live here .

Happy to report that we have added support for Fetch Priority on the Image component and all components that use a background image. The Image component adds the fetchpriority="hight|low" attribute, whilst all background images inject a link element in to the head, like so: <link rel="preload" as="…

:+1: this is a good and very useful upgrade

Good news! Elements 1.2 now includes Fetch Priority options on the Image, Container, and Background Components :smiling_face_with_three_hearts:

Sadly this did not change anything for me on google page speed.

Preloading Images

Elements

Pegasus (Pegasus) August 19, 2025, 8:58am 5

@ben i think we need this one