之前有人问过一个相关的问题： GooglePagespeed中的“首屏内容”是什么？
首先，您必须注意，这全都与“ 移动页面 ”有关。
因此，当我正确解释了您的问题和屏幕截图时，这 并不适合您的网站！
相反，按照Google指南中的建议进行某些操作，会使“正常”网站的情况变得更糟而不是更好。
并非所有来自Google的东西都是“圣杯”，仅仅是因为它来自Google。而且，如果您查看它们的HTML标记，它们本身并不是一个好的榜样。
我能给您的最佳建议是：
- 在CSS中设置替换元素的宽度和高度，以便浏览器可以布局元素，而不必等待替换的内容！
另外，为什么要使用不同的CSS文件而不是一个？
额外的请求比少量的数据量还差。在第一个请求之后，无论如何都会缓存CSS文件。
人们应该始终注意的事情是：
- 尽可能减少请求数量
- 保持页面总重量尽可能低
并且不要为如何获得Google的PageSpeed Insights工具的100％而困惑…！;-)
补充1：这是Google向我们展示的页面，他们对“优化CSS交付”的
建议。
如前所述，我认为这既不切合实际，也不适合“正常”网站！因为主要是在您具有 响应式Web设计时
，最确定的是您使用媒体查询和其他布局样式。因此，如果您不打算首先以阻塞的方式加载CSS，则会得到 FOUT （无 样式文本的Flash）。我真的不相信这比渲染页面至少要好几毫秒！
