Help me make these changes to my Shopify theme. Each one lists the file, the line, what is wrong and what to change.

For each change, show me the exact edit and point out anything that could break. Leave everything else as it is. I will try the changes on an unpublished copy of my theme before publishing.

This is an example from bracket.tools. It describes an example theme, not a real store.

1. Your main image waits its turn (Speed)
   File: sections/image-banner.liquid, line 22
   Code: loading="lazy"
   Problem: The banner at the top of your home page is set to load lazily, so the browser fetches it late. It’s the largest thing on screen, so it sets your LCP time.
   Change: Remove loading="lazy" from this image and add fetchpriority="high", so the browser requests it straight away. Keep lazy loading on images further down the page.

2. One script holds up every page (Speed)
   File: layout/theme.liquid, line 10
   Code: <script src="{{ 'vendor.js' | asset_url }}"></script>
   Problem: vendor.js loads in the head without defer, so nothing on the page appears until it has downloaded and run.
   Change: Add defer to this script tag so it stops blocking the page. First check whether inline scripts or other theme code expect vendor.js to have run already.

3. Your cart’s close button has no name (Accessibility)
   File: snippets/cart-drawer.liquid, line 7
   Code: <button class="drawer__close" type="button">
   Problem: It only contains an icon, so a screen reader announces it as “button” with nothing to say what it does.
   Change: Give the button an accessible name, such as aria-label="Close cart" or a translated label from the theme’s locale files.

4. Product grids jump as they load (Speed)
   File: snippets/card-product.liquid, line 23
   Code: <img
           src="{{ media | image_url: width: 533 }}"
           alt="{{ media.alt | escape }}"
           class="motion-reduce"
           loading="lazy"
         >
   Problem: Product images don’t say how big they are, so the page shifts as each one arrives. Google measures this as CLS.
   Change: Add width and height attributes from the image’s own dimensions (media.width and media.height), so the browser reserves the space before the image arrives.

5. Liquid that Shopify has retired (Up to date)
   File: sections/header.liquid, line 59
   Code: {% include 'icon-account' %}
         {% include 'cart-icon-bubble' %}
   Problem: Two tags in your header still use include, which Shopify deprecated because it’s slower and harder to maintain. Its replacement is render.
   Change: Replace both include tags with render. A rendered snippet can’t see the parent template’s variables, so check what each snippet uses and pass it in explicitly.