问<head>中的预加载顺序重要吗？
EN

Stack Overflow用户

提问于 2021-02-09 22:21:56

回答 1查看 30关注 0票数 1

我正在使用预加载一个沉重的图像，导致在我的网站上的CLS时，它没有预加载，这是推荐的。

但在连接速度缓慢的情况下，预加载会花费太多时间，导致镜像仍然会延迟到达并导致CLS。

这是一个很大的网站，有很多资源加载在头部，还有opengraph等，所以我的问题是:把预加载标签(图片，样式表)放在头部顶部有什么意义吗，这会加速预加载吗？

发布于 2021-11-12 08:39:15

预加载不是您想要的CLS修复解决方案。对于CLS，您应该考虑添加图像的高度/宽度，或者至少是宽高比css，以便为其保留空间。

预加载标签将按照它们在头部的顺序开始加载，浏览器可能会根据它们的类型重新排列它们的优先级(字体、脚本和css的初始优先级略有不同)，或者当浏览器实际尝试使用它时，但通常只有当你使用http2+时。

预加载http报头似乎比预加载标签稍微快一些。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/66120855

复制

相似问题

问<head>中的预加载顺序重要吗？EN