这可能已经被 Chrome Speed - Largest Contentful Paint Bug Fixes in M88 阻止了:
视口全图,在视觉上等同于背景图,不再被视为最大的内容绘制。
说得好:请参阅 Largest Contentful Paint (LCP) | Articles | web.dev
对于文本元素,只考虑其文本节点的大小(包围所有文本节点的最小矩形)。
对于所有元素,CSS 应用的任何外边距、内边距或边框均不予考虑。
- 这就是为什么静态文本节点必须与 EmberJs 文本节点的大小完全相同。
- 甚至可以通过增加
line-height来使其稍大一些。
例如,如果文本节点的宽度不匹配,由于不同的换行符会引入许多几何情况,导致静态文本节点比 EmberJs 的小。
请参阅:LCP 示例
我实际上使用了主题页面内帖子的 noscript 渲染。CSS 类与实际的类略有匹配——因此外观是相同的。
请参阅:app/views/layouts/application.html.erb 的更改
编辑:我的错,这实际上是爬虫视图:app/views/topics/show.html.erb