Amp html %在“中是如何计算的?”;折叠内容上方的最终内容“对可见内容进行优先级排序

Amp html %在“中是如何计算的?”;折叠内容上方的最终内容“对可见内容进行优先级排序,amp-html,pagespeed,accelerated-mobile-page,Amp Html,Pagespeed,Accelerated Mobile Page,我的网站有三栏设计 我坚持对谷歌PageSpeed测试的可见内容进行优先级排序 它说“即使有完整的HTML响应,最终的折叠内容也无法呈现。” 当我编辑代码时,消息将更改为“最终…的xx%” %怎么算?我该怎么做才能解决这个问题 这是我的测试地点: 以及PageSpeed报告: 我所做的: 关闭所有渲染块元素 将标签中折叠内容上方的css 所有使用的imgae都经过了良好的调整 没有使用外部javascript/css,并且 通过AMP HTML (validator.ampproject.

我的网站有三栏设计

我坚持对谷歌PageSpeed测试的可见内容进行优先级排序

它说“即使有完整的HTML响应,最终的折叠内容也无法呈现。”

当我编辑代码时,消息将更改为“最终…的xx%”

%怎么算?我该怎么做才能解决这个问题


这是我的测试地点:

以及PageSpeed报告:


我所做的:

  • 关闭所有渲染块元素
  • 将标签中折叠内容上方的css
  • 所有使用的imgae都经过了良好的调整
  • 没有使用外部javascript/css,并且
  • 通过AMP HTML (validator.ampproject.org/#url=https%3A%2F%2Fyudans.net%2Findex2.php)
我还能做什么?
谢谢

因为浏览器按顺序呈现事物。如果有3列,则必须渲染整个第一列到底部,才能到达第二列。整个第二纵队进入第三纵队

因此,您基本上渲染整个页面只是为了显示折叠上方的内容(在页面加载时可见)

要使“页面速度洞察”(page speed insights)满意,您需要将其设置为6列。顶部的3根柱子在褶皱上方,其他3根在褶皱下方

然后可以将它们设置为常规的3列布局。但是,现在首先呈现折叠上方的html,并且您也可以只为头部的前3列放置css


在我提出这个问题之前,index2.php非常缺乏内容。由于所有3列只有一张图片(这意味着它们都在折叠上方),错误消息仍然存在。另一个问题:正如你在我的专栏1中看到的,这是无限的ajax滚动内容,而浏览器的高度是不同的。我如何确定“高于折叠”的“线”?问题“优先可见内容”是说它只想首先呈现“高于折叠”的内容。是的,由于显示器尺寸/分辨率和窗口大小会改变可见的内容,因此在折叠上方有些随意。html从上到下呈现。所以他们更喜欢这样的布局:而且,现在可能不可能真正修复这个错误,不管怎样,这是很普遍的,甚至网站上几乎没有任何内容,所有内容都是内联的,没有外部文件。。还是得到那个警告。我敢打赌,这是不准确的,需要一些谷歌开发时间来改进。