css 在img标签中同时使用fetchpriority=“high”和loading=“eager”可以吗?

yqyhoc1h  于 5个月前  发布在  其他
关注(0)|答案(1)|浏览(59)

在img标签中同时使用fetchpriority=“high”和loading=“eager”可以吗?

  • fetchpriority属性在firefox浏览器中不支持。
  • 如果我同时使用这两种方法,那么资产预取是如何工作的……它会导致性能问题吗
acruukt9

acruukt91#

Fetchpriority和loading有不同的用途,但仍然可以在img标记中一起使用。
它们在加载资源的定义上可能有相似之处,但在处理资源方面有所不同。

  1. Fetchpriority -用于指示应尽快获取资源。当您希望通过优先考虑重要内容以获得更好的用户体验来保证某些资源比其他资源加载得更快时,它很方便。
    鉴于:
    1.加载-用于指示资源应立即,而不延迟页面其余部分的呈现。
    总的来说,fetchpriority关注的是获取资源的优先级,而loading关注的是资源的加载行为。
    通过将loading设置为eager,它将指示浏览器立即开始获取资源。

相关问题