是否有任何解决方案可以延迟用于 div 背景图像的屏幕外图像?

发布于 2025-01-15 18:21:49 字数 454 浏览 3 评论 0原文

我正在使用 div 背景图像和灯塔警告我推迟屏幕外图像的图像。这是我的代码,有人可以说,我怎样才能用这段代码推迟这个图像呢?

<div class="page-info hasOverly" style="background: url([@url]app/images/bg2.webp); background-size:cover">

注意:[@url]是我的网站域名地址。并说明如何使用 CSS 进行“lazyloaded”和“lazyloading”(在 (https://web.dev/codelab-use-lazysizes-to-lazyload-images/

I'm using an image for div background image and lighthouse warning me for deferring offscreen image. This is my code and Is anyone can say, how can I defer this image with this code?

<div class="page-info hasOverly" style="background: url([@url]app/images/bg2.webp); background-size:cover">

Note: [@url] is my website domain address. And say how can I use CSS for 'lazyloaded' and 'lazyloading' that explained in (https://web.dev/codelab-use-lazysizes-to-lazyload-images/)

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文