Cumulative Layout Shift

Shopify · Aug 29, 2022 · fe4d981 · fe4d981
1 parent 8e35663
commit fe4d981
Showing 1 changed file with 4 additions and 0 deletions.
diff --git a/snippets/card-product.liquid b/snippets/card-product.liquid
@@ -55,6 +55,8 @@
                 alt="{{ card_product.featured_media.alt | escape }}"
                 class="motion-reduce"
                 {% unless lazy_load == false %}loading="lazy"{% endunless %}
+                width="{{ card_product.featured_media.width }}"
+                height="{{ card_product.featured_media.height }}"
               >
 
               {%- if card_product.media[1] != nil and show_secondary_image -%}
@@ -71,6 +73,8 @@
                   alt="{{ card_product.media[1].alt | escape }}"
                   class="motion-reduce"
                   loading="lazy"
+                  width="{{ card_product.media[1].width }}"
+                  height="{{ card_product.media[1].height }}"
                 >
               {%- endif -%}
             </div>