推迟javascript并在初始页面加载时显示中间内容

这可能已经被 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

2 个赞