Google Pagespeed中的“折叠内容”是什么？

直到最近，我的网站（www.heatexchangers.ca）在Google Page Speed上的得分为98。有几件事情，我无能为力，如从Web字体查询string。我对此感到非常高兴，因为这代表了我所能做的一切。

最近Google又添加了一些影响页面速度得分的东西，而我现在只在Page Speed上得到89％，并得到这个build议：

解决这个问题的build议似乎涉及到通过我所有的.css和.js文件，并分离它们的一些部分，并将它们内联添加到我的html中。这给我造成了一些困惑，因为我觉得我们必须尽可能多的将JS和CSS放在HTML之外。

什么是“折叠之上”的内容？如果是几种样式如字体，背景色等; 那么我可以看到，包括内联可能不是太大的事情。我一直无法find这是什么的清单。

这是因为Google最近改变了网页速度工具，以更好地反映日益stream动的网页。移动数据networking具有与有线或无线networking不同的性能特征，因此您需要做不同的事情来优化它们。

上方（ATF）只是第一个屏幕的价值 – 任何你不需要滚动看到。很明显，这取决于设备和方向，因此您可能需要进行概括，也许会find一些可行的常见选项，可能是智能手机的一种，平板电脑的一种，大型桌面的一种。

至于他们在谈论什么CSS，他们真的打算所有的CSS需要完整的样式显示ATF的内容。为了确定你的ATF内容的加载时间，他们将采取最终版本的屏幕截图，并在加载时与页面进行可视化比较，当它们相似时，他们会考虑ATF内容被加载。

这是来自Google的关于此主题的video演示文稿：

重点在于让用户在第一时间内完成任务。将ATF内容的CSS直接放入HTML中的原因反映了他们对移动数据性能的研究，表明如果CSS不在那里，它不会很快加载到第一秒之内。

他们还提供了一些工具的链接，可以使这些工具自动化。我没有尝试过他们和YMMV。

谷歌页面的见解将清楚地告诉你有多less％的CSS引用上面的内容被加载太晚，页面可能已经提交更早。比你可以移动部分的CSS来实现一个绿色的结果。我可以为你做：goo.gl/GsRxNc

他们指的是渲染阻塞js，如分析或跟踪代码，这就是为什么他们build议将这些“在我之前加载的所有其他”脚本放在页脚中，因为一旦用户在屏幕上显示网站，它们就会被加载。