css 如何让浏览器在启动时加载整个元素?

nmpmafwu  于 2023-06-25  发布在  其他
关注(0)|答案(2)|浏览(144)

目前,如果我在我的网站上向下滚动,我的图像的一部分需要时间来加载某种破坏沉浸感。
当页面打开时,如何使浏览器预加载(而不是卸载)整个图像或图像的特定部分?
我知道这可能是一个性能打击,但我会解释的。

  • 图像在滚动后加载而不是预加载需要时间 *
cbwuti44

cbwuti441#

您可以使用rel=preload预加载内容,如图像。

<head>
  <link rel="preload" href="https://via.placeholder.com/800x600"
    as="image" crossorigin />
</head>
<body>
  <h1>Image</h1>
  <img src="https://via.placeholder.com/800x600">
</body>
dnph8jn4

dnph8jn42#

使用,禁用PHP的惰性加载;

add_filter( 'wp_lazy_loading_enabled', '__return_false' );

相关问题