react-datocms icon indicating copy to clipboard operation
react-datocms copied to clipboard

Published 20 hours ago • verified publisher icon datocms

[feature request] Preload on Image

Open timvandevelde opened this issue 2 years ago • 0 comments

Related to https://github.com/datocms/react-datocms/issues/58 V4+ now has fetchPriority which is great, but not supported in all browsers.

Feature request: Preload on Image like next/image https://nextjs.org/docs/api-reference/next/image#priority https://web.dev/preload-responsive-images/

I have currently created my own PreloadImage component with addition to <Image>

<Head>
  <link
    rel="preload"
    as="image"
    href={image.responsiveImage.src}
    imagesrcset={image.responsiveImage.srcSet}
    imagesizes={image.responsiveImage.sizes}
  />
</Head>
<Image ...

Would be great to have this as prop to be able to optimize for LCP

timvandevelde avatar Dec 31 '22 11:12 timvandevelde