谷歌速度优化的Css优化

Question

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

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

之后见解下开始的（显示截图）不加载CSS。

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

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

Answer 1

最后我想通了。

所有你需要的是

1. 要创建core.css（小单，其中包含主站点的布局框架部件）和输出它的头内嵌的形式，像这样：

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

1. 其余的CSS你需要把JavaScript代码放在这里，你可以在这里找到：https://developers.google.com/speed/docs/insights/OptimizeCSSDelivery

Answer 2

通过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); 
} 

随着修复我没有CSS优化99/100 PageSpeed Insights的建议。 此刻我面临着其他问题：

整个CSS输出在页面源代码。这对于页面加载不太好......页面加载速度更快，CSS包含403响应头。有什么建议么？