>>> [!note] Migrated issue <!-- Drupal.org comment --> <!-- Migrated from issue #3567916. --> Reported by: [catch](https://www.drupal.org/user/35733) Related to !22 >>> <h3 id="overview">Overview</h3> <p>Found via a performance audit of Drupal CMS' Byte site template.</p> <p>All images rendered via canvas components get <code>loading="lazy"</code>, for byte this includes the hero images, which means a slower Largest Contentful Paint.</p> <p>In <span class="drupalorg-gitlab-issue-link project-issue-status-info project-issue-status-7"><a href="https://www.drupal.org/project/byte_theme/issues/3567940" title="Status: Closed (fixed)">#3567940: Hero images should be eager loaded</a></span> we updated the hero components to be eager loaded but also updated the image component, which was used in the hero blog via a slot. There's no reason to load this via a slot, there is already a media prop, and if we use that instead we can directly set the loading to eager in this instance only.</p> > Related issue: [Issue #3567935](https://www.drupal.org/node/3567935) > Related issue: [Issue #3568878](https://www.drupal.org/node/3568878)