这里有一个方案,可以稍微提前一点显示加载器……
你是否有来源说明感知性能对搜索排名的影响?或者你指的是 FCP/LCP?尽管 FCP 和 LCP 是基于感知的概念,但它们有具体的定义和技术要求。另外请注意,FCP 并不属于 Google 的“核心网页指标”(但 LCP 是)。
以下是来自 Largest Contentful Paint (LCP) | Articles | web.dev 的更多细节:
根据 最大内容绘制 API 的当前规范,用于计算最大内容绘制的元素类型包括:
<img> 元素
<svg> 元素内的 <image> 元素
<video> 元素(使用 poster 图像)
- 通过
url() 函数加载背景图像的元素(而非 CSS 渐变)
- 包含文本节点或其他行内级文本元素子元素的 块级 元素。
如果页面从 DOM 中移除某个元素,该元素将不再被考虑。同样,如果元素的关联图像资源发生变化(例如通过 JavaScript 修改 img.src),则该元素将停止被考虑,直到新图像加载完成。
这些要求使得实现变得有些困难,也许 如果加载元素包含大图像或文本,并且不从 DOM 中移除而是通过其他方式隐藏,可能会奏效?上面的加载器使用 z-index 来隐藏自身,所以这种方法或许可行……但加载器本身还不够,因为它不是图像或文本(它是 CSS 实现的)。
同意对于慢速连接的用户来说,某种加载器是有益的,但要满足 Google 的要求需要跨越一些特定的门槛(而且我们也不知道这是否能解决 OP 所提出的问题)。
7 个赞