如何将“fetchpriority”html属性附加到使用css包含的图像？

Question

我有一些在 css 文件下定义的图像。 我正在尝试在 html 中实现“fetchpriority”标签属性以更快地加载图像。 有没有一种方法可以将 fetchpriority 包含在 css 文件中的这些图像中，而无需使用标签在 html 中提及它们各自的路径。

CSS：

.someCls{
        background-image : url("/path/to/image");
       }

我不想像这样包含具有 fetchpriority 的图像：

<link rel="preload" fetchpriority="high" as="image" href="path/to/image">

Answer 1

CSS 的加载和解析方式不同，CSS 文件的渲染过程中还有额外的步骤，所以据我所知，没有办法，

img

元素会在此过程中渲染得更快。

如果您想从图像预加载中受益，请将代码更改为使用

img

标签并进行检查。即使您尝试渲染隐藏的 img 标签，它也不会显示 CSS 文件中的图像（例如背景图像），因为它会在渲染过程中稍后渲染。