fix: Added fetchPriority and removed

CHANGELOG.md

@@ -7,6 +7,10 @@ and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.
 
 ## [Unreleased]
 
+### Changed
+
+- Added fetchPriority and removed `data-vtex-preload` attribute in the `ProductImage` component.
+
 ## [3.178.4] - 2025-09-30
 
 ### Fixed

react/components/ProductImages/components/ProductImage.tsx

@@ -94,7 +94,6 @@ const ProductImage: FC<Props> = ({
         >
           <img
             ref={imageRef}
-            data-vtex-preload={index === 0 ? 'true' : 'false'}
             className={`${applyModifiers(handles.productImageTag, 'main')}`}
             style={{
               width: '100%',
@@ -107,6 +106,7 @@ const ProductImage: FC<Props> = ({
             alt={alt}
             title={alt}
             loading={index === 0 ? 'eager' : 'lazy'}
+            {...(index === 0 && { fetchPriority: 'high' })}
             // WIP
             // The value of the "sizes" attribute means: if the window has at most 64.1rem of width,
             // the image will be of a width of 100vw. Otherwise, the

react/typings/jsx.d.ts

@@ -3,5 +3,6 @@ import 'react'
 declare module 'react' {
   interface ImgHTMLAttributes<T> extends HTMLAttributes<T> {
     loading?: 'lazy' | 'eager' | 'auto'
+    fetchPriority?: 'high' | 'low' | 'auto'
   }
 }