Question

我试图通过Google PageSpeed Tools检查我的网站速度。

Google PageSpeed Tool结果：

this.originalAs = "@aDocs";

css文件太大了。我下载了检查大小，它的大小为1.11MB。在此之后，我尝试将{c}减少Critical Path CSS Generator它的容量MAX：800000个字符，但我的css文件有1169501个字符。所以它无法减少。

那么我可以用什么程序进行优化？

Answer 1

有点晚了，但我的方法是看看为什么你的CSS文件太大了。 1.11MiB的造型太多了。为了比较，一个好的CSS应该低于150KiB，最大可能是200KiB。如果你的CSS结束了，你可以做一些优化。几点优化：

未使用的CSS。样式表是否包含甚至不使用的CSS规则？有些工具可以扫描/抓取整个网站，并为您提供未使用的样式线的参考。
任何数据URI都像CSS中的base64编码图像一样？也许考虑把它们拉出来。但是，如果是这种情况，您可以通过某种图像文件大小处理工具优化图像，然后为CSS重新编码它们。
样式重复。如果一组类具有很大一部分样式重叠，则它们应该共享一个样式定义，然后在CSS下面单独更改以满足特定的样式要求。
过度使用复杂的选择器。通常具有ID或类名称是首选，并且应避免使用复杂的级联DOM选择器。这不仅会损害浏览器对CSS的解析，还会破坏CSS文件本身。

如果您正在使用模板（看起来像是在使用Wordpress），那么我几乎建议丢弃您当前的模板，获得一个接近您想要的精简模板并进一步设计出符合上述规则的人。我相信这可能是您通往快速网站的最快捷途径。