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