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

从谷歌的优化建议,我替换了我的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中而没有修复建议?

最佳答案

通过简单请求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 pagespeed的见解,而没有CSS优化建议。
目前,我面临其他问题:

整个CSS以页面源代码输出。这对于页面加载确实不是很好。...CSS包含403响应标头的页面加载速度更快。有什么建议么?

10-05 20:53
查看更多