Hero images should be eager loaded
>>> [!note] Migrated issue
<!-- Drupal.org comment -->
<!-- Migrated from issue #3567940. -->
Reported by: [catch](https://www.drupal.org/user/35733)
Related to !18
>>>
<h3 id="summary-problem-motivation">Problem/Motivation</h3>
<p>The LCP images in byte are lazy loaded, this results in delayed rendering/worse UX.</p>
<p>This is mostly because Canvas doesn't expose a way to control this (yet?), related issues: <span class="drupalorg-gitlab-issue-link drupalorg-gitlab-link-wrapper"><a href="https://git.drupalcode.org/project/canvas/-/work_items/3567935" class="drupalorg-gitlab-link">https://git.drupalcode.org/project/canvas/-/work_items/3567935</a></span> and <span class="drupalorg-gitlab-issue-link drupalorg-gitlab-link-wrapper"><a href="https://git.drupalcode.org/project/byte_theme/-/work_items/3567916" class="drupalorg-gitlab-link">https://git.drupalcode.org/project/byte_theme/-/work_items/3567916</a></span>.</p>
<p>However Byte can workaround it by setting eager on images in its own components.</p>
<h4 id="summary-steps-reproduce">Steps to reproduce</h4>
<h3 id="summary-proposed-resolution">Proposed resolution</h3>
<h3 id="summary-remaining-tasks">Remaining tasks</h3>
<h3 id="summary-ui-changes">User interface changes</h3>
<h3 id="summary-api-changes">API changes</h3>
<h3 id="summary-data-model-changes">Data model changes</h3>
> Related issue: [Issue #3567935](https://www.drupal.org/node/3567935)
> Related issue: [Issue #3567916](https://www.drupal.org/node/3567916)
issue