如何计算“最终的首要内容” - 优先考虑可见内容

时间:2017-03-05 19:51:37

标签: amp-html pagespeed accelerated-mobile-page

我的网站采用3列设计。

我坚持优先考虑谷歌PageSpeed测试的可见内容

它说“即使使用完整的HTML响应,也无法呈现最终的首要内容。”

有时当我编辑代码时,msg将变为“最终的xx%......”。

%如何计算?我需要做些什么来解决这个问题?

这是我的测试网站:https://yudans.net/index2.php

和PageSpeed报告:https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Fyudans.net%2Findex2.php&tab=desktop

我做了什么:

  • 关闭所有渲染阻止元素,
  • 在标签中添加了首屏内容的css,
  • 使用的所有imga的大小调整,
  • 没有使用外部javascript / css和
  • 通过了AMP HTML (validator.ampproject.org/#url=https%3A%2F%2Fyudans.net%2Findex2.php)

我还能做什么? 谢谢!

1 个答案:

答案 0 :(得分:0)

由于浏览器按顺序呈现内容。如果你有3列,则必须将整个第1列一直渲染到底部以进入第二列。并且整个第二列到达第三列。

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

要使页面速度见解高兴,您需要将其设为6列。前三列位于折叠之上,另外三列位于其下方。

然后,您可以将它们设计为常规的3列布局。但是,现在首先渲染折叠上方的html,你也可以只将css放在头部的前三列中。

{{3}}