How to Preload an Image With the link rel="preload" as="image"

2 replies

Last updated: Mar 10, 2021

Hello! Does anyone know a way to preload an image with the <link rel="preload" as="image" ...> ? I would like to preload my hero image, which is defined in Sanity for a FrontPage page type, but I'm not sure how I would get it before all other content.
I'm using Angular and the .NET client library. Also I'm using responsive images with the <picture> element...

Mar 10, 2021, 8:57 AM

https://github.com/w3c/preload/issues/131
^ Not really possible for responsive image. Look into removing blocking elements in

&lt;head&gt;

instead

Mar 10, 2021, 9:35 AM

Thank you

user F

Mar 10, 2021, 10:39 AM

Sanity.io – build remarkable experiences at scale

Sanity is a customizable solution that treats content as data to power your digital business. Free to get started, and pay-as-you-go on all plans.

Get Started Join our Slack

Categorized in

Images
Angular