直到最近，我的网站（www.heatexchangers.ca）在Google Page Speed上获得了98%的分数。有几件事我无能为力，例如来自Web字体的查询字符串。我对此非常满意，因为这代表了我所能做的一切。
最近Google添加了其他影响页面速度分数的内容，我现在在Page Speed上只获得了89%并得到了以下建议：
解决此问题的建议似乎涉及拖拽我的所有.css和.js文件，并将它们的某些部分分开并将它们内联添加到我的html中。这给我带来了一些困惑，因为我的印象是我们必须在HTML中保留尽可能多的JS和CSS。
“Above the Fold”的内容究竟是什么？如果是一些样式，如字体，背景颜色等;然后我可以看到包含内联可能并不是什么大问题。我无法找到确切内容的列表。
这是因为Google最近更改了页面速度工具，以更好地反映日益移动的网络。移动数据网络具有与有线或wifi不同的性能特征，因此您需要做不同的事情来优化它们。
首屏 （ATF） 只是第一个屏幕的价值 - 您不需要滚动即可查看的任何内容。显然，这取决于设备及其方向，因此您可能需要概括并可能找到一些可行的常见选项，也许一个针对智能手机，一个用于平板电脑，一个用于大型台式机。
至于他们正在谈论的CSS是什么，他们实际上是打算所有CSS来完全设置ATF显示的任何内容的样式。为了确定 ATF 内容的加载时间，他们将拍摄最终版本的屏幕截图，并在页面加载时将其直观地与页面进行比较，当它足够相似时，他们将考虑 ATF 内容的加载点。
这是谷歌关于这个主题的视频演示：
http://www.youtube.com/watch?v=YV1nKLWoARQ
重点是让用户在第一秒内做一些事情。将ATF内容的CSS直接放入HTML背后的原因反映了他们对移动数据性能的研究，表明如果CSS不存在，它就不会很快加载到第一秒内。
它们还提供了指向可能能够自动执行某些操作的工具的链接。我还没有尝试过他们和YMMV。
谷歌页面见解会清楚地告诉你有多少%的css引用首屏内容被加载得太晚，页面可以更早呈现。比你可以移动css的一部分来实现绿色的结果。我可以为你做：goo.gl/GsRxNc
来自谷歌的链接描述了“首屏”https://developers.google.com/speed/docs/insights/OptimizeCSSDelivery
