我一直致力于为我所在公司的网站提高Google PageSpeed Insight得分。我已将主页的速度从37/100提高到87/100。这对我来说已经足够了。但其他页面仍然是73/100，因为有渲染阻止CSS。
现在这是奇怪的部分。我使用谷歌自己的懒惰加载CSS的建议（这里：https://developers.google.com/speed/docs/insights/OptimizeCSSDelivery），这适用于几页。问题是它不适用于所有页面。 PageSpeed Insights仍然说我的一些页面有渲染阻止CSS文件（在主页上使用相同的文件）。我在Rails中工作，所有页面都使用共享布局。所有页面上的CSS文件加载完全相同。此外，我在测试时可以清楚地看到无格式内容的闪光。在上述内容之后，CSS肯定会被加载。
PageSpeed的不一致使我无法确定我的下一步应该是什么。
之前有没有遇到过这个？你采取了哪些方法来解决这个问题？ Google的PageSpeed Insights工具是否有可能出错？
答案 0 :(得分：0)
我一直在研究相同的问题并在Drupal 7中实现。我的解决方案结束了将css分成3部分：
直接嵌入到样式标记中的HTML中。这是为移动设备和桌面设备构建所有内容所需的代码。
这是构建移动版网站和大多数桌面网站所需的内容。
这只是belove-the-fold和大屏幕所需的额外内容。
这种方法确实需要一些时间来构建和开发，但它使网站更快地进入用户浏览器 - 并且作为额外添加的功能获得更好的Page Speed得分。
我在这里分叉了mattbanks / Drupal-7-Starter-Theme https://github.com/jonasdk/Drupal-7-Starter-Theme这可以告诉你一个开始的方法。
如果您没有构建Drupal站点，那么您将查看以下文件。
<强> SCSS / 查看如何将css拆分为每个函数的不同文件。
<强>模板/系统/ html.tpl.php 我在哪里嵌入了inline.css并在需要时加载了desktop.css。