我在Google Page Speed Insight上测试了我的wordpress网站，得分为95/100。它建议我应该“优化CSS交付”1 css文件：
<link rel="stylesheet" type="text/css" href="<?php echo get_stylesheet_uri(); ?>" />
现在它位于页脚中，下面是所有的javascript代码。我把它移回头标签和相同的结果之间。如何优化css文件的css传送？
答案 0 :(得分：4)
对于大型CSS文件，您需要识别并内联渲染上层内容所需的CSS，并推迟加载剩余样式，直到上述内容为止。
取自：https://developers.google.com/speed/docs/insights/OptimizeCSSDelivery
实际上把所有的css放在一起并不是最好的。您应首先调用渲染所需的样式，然后再调用您的大样式表。
如果你想知道如何推迟样式表，那就是：
CSS delivery optimization: How to defer css loading?
希望我能帮到你：）
答案 1 :(得分：0)
95/100分数很高。与达到目标所花费的努力相比，你现在正处于达到100的更多工作会让你收益递减。
但是，如果你已经接近100/100，你需要从文件中删除上面的折叠CSS并将其包含在主题中的<style>块中。然后你可以暂停加载CSS文件，直到页面的其余部分加载完毕，它将不再被渲染阻塞。
这里有关于使用WordPress Autoptimize插件处理折页CSS的some info I wrote，其中包含一个JavaScript书签，可帮助您开始寻找您的折叠CSS。
注意：您应该使用wp_enqueue_style()函数来包含该脚本，而不是直接将其包含在页脚中。查看我网站上的this article，了解如何正确排队脚本和样式。