我的大多数 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);
Run Code Online (Sandbox Code Playgroud)
}