预加载 LCP 图像时是否应该删除 link 标记中的 as 属性以获得高优先级?
Should I remove the as attribute in the link tag when preloading LCP images to get a high priority?
预加载 LCP 图像时,是否应该删除 as="image"
属性以强制 Google Chrome 的优先级为高?据我了解,优先级默认为低。
而不是这个-
<link rel="preload" as="image" href="cool-lcp-image.avif" />
应该是-
<link rel="preload" href="cool-lcp-image.avif" />
不应删除 as
属性。如果删除,浏览器将不会预加载资源。
一般来说,无论资源优先级如何,预加载请求都是最先提出的请求之一 - 因此更改资源优先级不应成为主要问题。 (目前也没有一个好的机制来做到这一点 - 尽管 priority hints 会改变这一点。)
如果它是视口内图像,它将具有 high priority;如果它是视口外图像,它将具有低优先级。
预加载 LCP 图像时,是否应该删除 as="image"
属性以强制 Google Chrome 的优先级为高?据我了解,优先级默认为低。
而不是这个-
<link rel="preload" as="image" href="cool-lcp-image.avif" />
应该是-
<link rel="preload" href="cool-lcp-image.avif" />
不应删除 as
属性。如果删除,浏览器将不会预加载资源。
一般来说,无论资源优先级如何,预加载请求都是最先提出的请求之一 - 因此更改资源优先级不应成为主要问题。 (目前也没有一个好的机制来做到这一点 - 尽管 priority hints 会改变这一点。)
如果它是视口内图像,它将具有 high priority;如果它是视口外图像,它将具有低优先级。