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' }}