我的网站采用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
我做了什么:
我还能做什么? 谢谢!
答案 0 :(得分:0)
由于浏览器按顺序呈现内容。如果你有3列,则必须将整个第1列一直渲染到底部以进入第二列。并且整个第二列到达第三列。
因此,您基本上只渲染整个页面以显示折叠的内容(在页面加载时可见)。
要使页面速度见解高兴,您需要将其设为6列。前三列位于折叠之上,另外三列位于其下方。
然后,您可以将它们设计为常规的3列布局。但是,现在首先渲染折叠上方的html,你也可以只将css放在头部的前三列中。{{3}}