问LCP的定义
EN

Stack Overflow用户

提问于 2022-02-15 17:13:46

回答 1查看 38关注 0票数 0

LCP定义为绘制折叠上最大的内容项所需的时间。

响应性内容包装器是如何适应这种混合的？比如说，我有以下结构：

 <body>
    <div id="wrapper">
         <div class="some_above_the_fold_content">
              <p>Whatever</p>
         </div>
         <div class="some_visually_below_the_fold_content">
              <p>large content</p>
         </div>
    </div>
 </body>

从视觉上看，第二个div是“折叠下面”，但它是主包装器div的子元素，它“高于折叠”，因为它是主页面元素。

LCP计算它的时间是什么？折叠(div #2)或父div下面的视觉效果是什么？

google-analytics

core-web-vitals

回答 1

Stack Overflow用户

回答已采纳

发布于 2022-02-15 18:15:22

在您的示例中，<p>Whatever</p>是LCP元素。

LCP元素要么是文本、图像或视频。#wrapper元素包含一个文本元素，但它本身并不是一个文本元素。

另外，请注意:如果用户碰巧在文档下方的某个位置输入页面(例如，他们被链接到部分位于页面下方的锚链接)，那么<p>Large Content</p>现在有可能位于折叠上方，因此也就是LCP元素。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/71130612

复制

相似问题

问LCP的定义
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问LCP的定义EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问LCP的定义
EN