第一次测试运行结果: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响应标头的页面加载速度更快。有什么建议么?