Sass/Compass 压缩输出对于 Google Pagespeed Insights 来说仍然不够用答案

【问题标题】：Sass/Compass compressed output still not enough for Google Pagespeed InsightsSass/Compass 压缩输出对于 Google Pagespeed Insights 来说仍然不够用
【发布时间】：2015-04-21 15:53:56
【问题描述】：

我使用带有“压缩”输出样式的 Sass/Compass（scss 样式）生成我的 css 文件：

compass watch --output-style compressed

这样它被缩小并且没有 cmets 等。但是，Google Pagespeed Insights 仍然告诉我，我可以通过缩小来赢得尺寸。

也许我可以赢得一些空间，但由于它是一个生成的文件，我不想继续手动缩小它。

Compass 输出方式是否已知效率不高？还有什么我需要看的，可以用生成的 css 文件动态完成吗？

【问题讨论】：

你用什么预处理器来处理你的 sass？您的选项可能会有所不同，具体取决于哪一个。
你的意思是 sass 文件类型？那是scss。如果不是，请澄清您的问题。我用更详细的信息编辑了我的问题。
这应该生成尽可能小的css，都是一行，没有空格。你检查生成的文件了吗？ pagespeed 也不是很完美，你也尝试过 yslow 吗？
@cimmanon：我认为关于效率的问题是一个合理的问题，我只是请求经验。我对我的问题没有完全理解，也没有假设我没有检查 sass 问题。
@Valentin 它已正确压缩，因此没有问题。也许确实缺乏pagespeed，很可能是。没有签出 yslow，现在有。在 css minify 上给我 A 级。所以这只是 Pagespeed 给了我不必要的困难吗？

标签： css sass minify pagespeed compass-sass

【解决方案1】：

第一次加载很重要，然后无论如何它都会被缓存，但是您仍然可以通过删除不必要的代码来优化您的 Css，我的意思是这里永远不会在您的页面中使用的代码。另一种优化技术是减少嵌套级别，因为嵌套会增加 .css 文件的大小

【讨论】：

会在这方面付出更多的努力。我确实可以优化。有时我会收到这样的消息，即 css 被视为阻止脚本，而不是它没有被充分缩小，这当然支持你的评论。即使这不是关于实际缩小问题的答案，谢谢。 :)

【解决方案2】：

我正在优化我的一些网站，而让 PageSpeed 为我提供 100% 的唯一方法是在输出到我的分发文件夹期间内联 CSS 并压缩它（使用 Gulp）。这与服务器上文件的自动 GZip 以及 HTML 和内联 CSS 的压缩一起。还必须延迟加载 JavaScript 并保持其中的一些内联（特别是对于移动设备）。

【讨论】：

【解决方案3】：

您可以安装mod_pagespeed 或使用PageSpeed Service。两者都是基于 PageSpeed 规则优化网站的自动化工具。

【讨论】：

试过了。当我打开某些 mod_pagespeed 设置时，pagespeed 洞察等级实际上会降低。目前我将其限制为删除 html 空格，这看起来不错。