小编cod*_*ejs的帖子

如何让背景图片加载更快

我的大多数 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)

}

来源

wordpress background-image core-web-vitals

3
推荐指数
1
解决办法
2885
查看次数