cod*_*ejs 3 wordpress background-image core-web-vitals
我的大多数 WordPress 网站的顶部折叠都有一个背景图片。这些图像是页面上最大的内容绘制元素，通常最后加载。我在某处读到“加载页面时背景图像是最后一个被抓取的”。这是真的吗？
使用占位符或图像代替背景图像，然后稍后更改它，以便 LCP 快速加载，如下所示，这是一个好主意吗？
<div class="header-img"><img style="display: none;" src="images/header-img.jpg" alt=""></div>
.header-img {
width: 100%;
height: 500px;
background-size: cover;
background-image: url(images/header-img.jpg);
}
在这种情况下，您不想使用占位符图像来确定背景图像的优先级，而是希望使用<link rel="preload">. 这将告诉浏览器尽快开始下载图像。
尝试将以下代码添加到<head>您的页面，然后正常使用您的背景图像。它应该加载得更快：
<link rel="preload" as="image" href="images/header-img.jpg">
您可以在这里阅读有关此技术的更多信息：
| 归档时间： |
|
| 查看次数： |
2885 次 |
| 最近记录： |