Question

首次测试运行结果：CSS未正确优化。 https://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fwww.tdb.lt%2F

从google optization建议我替换了我的CSS加载方法https://developers.google.com/speed/docs/insights/OptimizeCSSDelivery

之后，Insights开始根本不加载CSS（显示屏幕截图）。

用这个替换CSS加载方法：CSS delivery optimization: How to defer css loading?（RafaSashi的回答）。 Pagespeed Insight开始正常显示（使用CSS），但出现了相同的建议 - “CSS未正确优化”。

如何正确加载CSS以便在Insights中加载它并且没有修复建议？

Answer 1

通过简单的CSS文件请求解决了我的问题

我的页脚：

require_once("pub/css/inlinecss.php");

Inlinecss.php

$files = array("clean.css","pr.css", "steps.css", "default.css","screen.css","tablet.css","mobile.css");
$path = 'pub/css/';
foreach( $files as $f ) 
{
    include($path . $f);
}

通过该修复，我获得了99/100页面的速度，没有CSS优化建议。目前我面临其他问题：

整个CSS以页面源代码输出。哪个页面加载不是很好......使用包含403响应标头的CSS include会加快页面的加载速度。有什么建议？

Answer 2

最后我想出来了。

你需要的只是

创建core.css（小型，包含主站点的布局骨架部分）并以头部内联形式输出，如下所示：

<style>body{border: 0px} footer{background-color:#c0c0c0;}</style>

您需要使用javascript代码放置CSS，您可以在此处找到：https://developers.google.com/speed/docs/insights/OptimizeCSSDelivery

针对google pagespeed洞察的Css优化

2 个答案: