# „fetchpriority=high“ Attribut for Hero-Banner

**URL:** <https://forums.realmacsoftware.com/t/fetchpriority-high-attribut-for-hero-banner/48929>\
**Category:** Elements\
**Created:** [July 17, 2025, 9:35am UTC](https://forums.realmacsoftware.com/t/fetchpriority-high-attribut-for-hero-banner/48929 "2025-07-17T09:35:15Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![Pegasus](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/pegasus/32/25035_2.png) [@Pegasus](https://forums.realmacsoftware.com/u/Pegasus)\
**Post date:** [July 17, 2025, 9:35am UTC](https://forums.realmacsoftware.com/t/fetchpriority-high-attribut-for-hero-banner/48929/1 "2025-07-17T09:35:15Z")

</div>

is it possible to add the “fetchpriority=high” attribute for hero banners / background images to elements?

lazyload for images exists. however, this attribute would be very useful for hero banners in terms of the loading speed of a website.

the `fetchpriority` attribute is a relatively new HTML attribute that you can use with an `<img>` tag, like this:

```auto
<img src="hero.jpg" fetchpriority="high" alt="Hero image">

```

### purpose

with `fetchpriority="high"`, you tell the browser:  
**“This element (usually an image) is very important—please load it as quickly as possible!”**

* * *

#### typical usage

- **hero images** (large header images at the top of a page)
- **above-the-fold images** (everything visible without scrolling)
- not for small or less important images, for example, in the footer.