diff --git a/sections/collage.liquid b/sections/collage.liquid
index 39551f05635..19706ab5d84 100644
--- a/sections/collage.liquid
+++ b/sections/collage.liquid
@@ -68,7 +68,6 @@
block.settings.image
| image_url: width: 3200
| image_tag:
- loading: 'lazy',
sizes: sizes,
widths: '50, 75, 100, 150, 200, 300, 400, 500, 750, 1000, 1250, 1500, 1750, 2000, 2250, 2500, 2750, 3000, 3200'
}}
@@ -82,7 +81,6 @@
block.settings.image
| image_url: width: 3200
| image_tag:
- loading: 'lazy',
sizes: sizes,
widths: '50, 75, 100, 150, 200, 300, 400, 500, 750, 1000, 1250, 1500, 1750, 2000, 2250, 2500, 2750, 3000, 3200'
}}
@@ -141,7 +139,7 @@
{{
block.settings.cover_image
| image_url: width: 3000
- | image_tag: loading: 'lazy', sizes: sizes, widths: '550, 720, 990, 1100, 1500, 2200, 3000'
+ | image_tag: sizes: sizes, widths: '550, 720, 990, 1100, 1500, 2200, 3000'
}}
{%- else -%}
{{ 'hero-apparel-3' | placeholder_svg_tag: 'placeholder-svg placeholder' }}
@@ -185,7 +183,7 @@
{{
block.settings.cover_image
| image_url: width: 3000
- | image_tag: loading: 'lazy', sizes: sizes, widths: '550, 720, 990, 1100, 1500, 2200, 3000'
+ | image_tag: sizes: sizes, widths: '550, 720, 990, 1100, 1500, 2200, 3000'
}}
{%- else -%}
{{ 'hero-apparel-3' | placeholder_svg_tag: 'placeholder-svg placeholder' }}
diff --git a/sections/collapsible-content.liquid b/sections/collapsible-content.liquid
index 6dee94dc51b..9acb813ed6e 100644
--- a/sections/collapsible-content.liquid
+++ b/sections/collapsible-content.liquid
@@ -62,7 +62,6 @@
section.settings.image
| image_url: width: 3200
| image_tag:
- loading: 'lazy',
sizes: sizes,
widths: '50, 75, 100, 150, 200, 300, 400, 500, 750, 1000, 1250, 1500, 1750, 2000, 2250, 2500, 2750, 3000, 3200'
}}
diff --git a/sections/image-banner.liquid b/sections/image-banner.liquid
index ee51b92ba55..2eaad5ef4e0 100644
--- a/sections/image-banner.liquid
+++ b/sections/image-banner.liquid
@@ -45,6 +45,10 @@
assign half_width = '50vw'
assign stacked_sizes = '(min-width: 750px) 50vw, 100vw'
endif
+ assign fetch_priority = 'auto'
+ if section.index == 1
+ assign fetch_priority = 'high'
+ endif
-%}
{%- elsif section.settings.image_2 == blank -%}
@@ -102,12 +106,12 @@
section.settings.image_2
| image_url: width: 3840
| image_tag:
- loading: 'lazy',
width: section.settings.image_2.width,
height: image_height_2,
class: image_class_2,
sizes: sizes,
- widths: widths
+ widths: widths,
+ fetchpriority: fetch_priority
}}
{%- endif -%}
diff --git a/sections/image-with-text.liquid b/sections/image-with-text.liquid
index 927c0b986c4..359324b2046 100644
--- a/sections/image-with-text.liquid
+++ b/sections/image-with-text.liquid
@@ -14,7 +14,13 @@
}
{%- endstyle -%}
-{% assign scheme1 = settings.color_schemes | first %}
+{%- liquid
+ assign scheme1 = settings.color_schemes | first
+ assign fetch_priority = 'auto'
+ if section.index == 1
+ assign fetch_priority = 'high'
+ endif
+-%}
@@ -42,7 +48,7 @@
{{
section.settings.image
| image_url: width: 1500
- | image_tag: loading: 'lazy', sizes: sizes, widths: widths
+ | image_tag: sizes: sizes, widths: widths, fetchpriority: fetch_priority
}}
{%- else -%}
{{ 'detailed-apparel-1' | placeholder_svg_tag: 'placeholder-svg' }}
diff --git a/sections/multicolumn.liquid b/sections/multicolumn.liquid
index cc5490dc245..fa21082ed02 100644
--- a/sections/multicolumn.liquid
+++ b/sections/multicolumn.liquid
@@ -111,7 +111,6 @@
block.settings.image
| image_url: width: 3200
| image_tag:
- loading: 'lazy',
widths: '50, 75, 100, 150, 200, 300, 400, 500, 750, 1000, 1250, 1500, 1750, 2000, 2250, 2500, 2750, 3000, 3200',
sizes: sizes,
class: 'multicolumn-card__image'
diff --git a/sections/multirow.liquid b/sections/multirow.liquid
index 9795a3d6231..e600f974e85 100644
--- a/sections/multirow.liquid
+++ b/sections/multirow.liquid
@@ -65,7 +65,7 @@
{{
block.settings.image
| image_url: width: 1500
- | image_tag: loading: 'lazy', sizes: sizes, widths: '165, 360, 535, 750, 1070, 1500'
+ | image_tag: sizes: sizes, widths: '165, 360, 535, 750, 1070, 1500'
}}
{%- else -%}
{{ 'detailed-apparel-1' | placeholder_svg_tag: 'placeholder-svg' }}
diff --git a/sections/slideshow.liquid b/sections/slideshow.liquid
index eba91e849b7..a2d048bf428 100644
--- a/sections/slideshow.liquid
+++ b/sections/slideshow.liquid
@@ -138,12 +138,24 @@
assign sizes = '100vw'
assign widths = '375, 550, 750, 1100, 1500, 1780, 2000, 3000, 3840'
endif
+ assign fetch_priority = 'auto'
+ if section.index == 1
+ assign fetch_priority = 'high'
+ endif
-%}
- {{
- block.settings.image
- | image_url: width: 3840
- | image_tag: loading: 'lazy', height: height, sizes: sizes, widths: widths
- }}
+ {%- if forloop.first %}
+ {{
+ block.settings.image
+ | image_url: width: 3840
+ | image_tag: height: height, sizes: sizes, widths: widths, fetchpriority: fetch_priority
+ }}
+ {%- else -%}
+ {{
+ block.settings.image
+ | image_url: width: 3840
+ | image_tag: loading: 'lazy', height: height, sizes: sizes, widths: widths
+ }}
+ {%- endif -%}
{%- else -%}
{%- assign placeholder_slide = forloop.index | modulo: 2 -%}
{%- if placeholder_slide == 1 -%}
diff --git a/sections/video.liquid b/sections/video.liquid
index dfe5ebc7761..624918ea904 100644
--- a/sections/video.liquid
+++ b/sections/video.liquid
@@ -67,11 +67,7 @@
{{
poster
| image_url: width: 3840
- | image_tag:
- loading: 'lazy',
- sizes: sizes,
- widths: '375, 750, 1100, 1500, 1780, 2000, 3000, 3840',
- alt: alt
+ | image_tag: sizes: sizes, widths: '375, 750, 1100, 1500, 1780, 2000, 3000, 3840', alt: alt
}}
{%- else -%}
{{ 'hero-apparel-3' | placeholder_svg_tag: 'placeholder-svg placeholder' }}
@@ -102,7 +98,7 @@
{{
poster
| image_url: width: 3840
- | image_tag: loading: 'lazy', sizes: sizes, widths: '375, 750, 1100, 1500, 1780, 2000, 3000, 3840', alt: alt
+ | image_tag: sizes: sizes, widths: '375, 750, 1100, 1500, 1780, 2000, 3000, 3840', alt: alt
}}
{%- else -%}
{{ 'hero-apparel-3' | placeholder_svg_tag: 'placeholder-svg placeholder' }}