Skip to content

Commit e567a2a

Browse files
committed
chore(template): seo optimization
Signed-off-by: Frederik Bußmann <frederik@bussmann.io>
1 parent c3e0eaa commit e567a2a

2 files changed

Lines changed: 3 additions & 1 deletion

File tree

template/app/components/Logo.vue

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -32,6 +32,7 @@ const { data: logo } = await useStorefrontData('logo', `#graphql
3232
width="50"
3333
height="22"
3434
loading="eager"
35+
fetchpriority="high"
3536
/>
3637

3738
Nuxt Shopify

template/app/components/product/Image.vue

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -38,7 +38,8 @@ const handleImageLoad = () => requestAnimationFrame(() => {
3838
sizes="xs:100vw md:50vw lg:40vw xl:25vw"
3939
class="aspect-square max-w-full max-h-full animate-pop-up select-none object-contain"
4040
:loading="props.loading ?? 'lazy'"
41-
placeholder
41+
:fetchpriority="props.loading === 'eager' ? 'high' : undefined"
42+
:placeholder="props.loading === 'eager' ? false : true"
4243
@load="handleImageLoad"
4344
/>
4445
</div>

0 commit comments

Comments
 (0)