缩小外部 CSS Google API答案

【问题标题】：Minify External CSS Google API缩小外部 CSS Google API
【发布时间】：2018-02-10 04:19:43
【问题描述】：

我想过使用缩小工具正常缩小脚本，但没有效果。尝试在插件的帮助下缩小，但 Google 洞察结果没有任何变化。

因此想知道如何缩小此类 css 文件。

【问题讨论】：

@MoisheLipsker 是的，我做到了。实际上，可以进行缩小，但我需要把它放在哪里。由于 css 是外部的，因此很难找到它的确切使用位置。该网站太大，代码庞大。因此寻找最好的方法来解决它。

【解决方案1】：

从 url 下载代码，然后将其粘贴到本地 css 文件。缩小后在代码上调用 css 文件。你完成了。

【讨论】：

我是否需要将它链接到某个地方，因为我不想打扰我的其他 css 文件。我想让它保持隔离但仍能正常工作。
您可以将其与另一个本地 css 文件链接，并且不要忘记从主代码中删除原始链接。无需在主 css 文件中添加代码。大多数情况下，我以这种方式对外部 css 文件进行缩小，尽管这不是一个好主意，因为谷歌经常更新他们的代码。但它节省了我的时间并帮助我进行速度优化。

【解决方案2】：

您可以选择一些选项：

非常基本：使用在线压缩工具，例如 https://cssminifier.com/。您可以在文本区域中输入 css 内容并将其缩小，或者您可以将其作为 API 和
扩展您的 bulid 管道以使用处理 css 的插件：gulp-cssmin 或 gulp-clean-css 是 gulp 的示例。

Int this answer 您会看到一个简单的用法示例，说明如何将 less 编译为 css 然后将其缩小。使用 less 当然是可选的。
有些编辑喜欢 atom support minifying a css file without any plugins。 Visual Studio Code 等其他编辑器可能需要 extension 来支持它。

关于您要缩小外部文件：

我会在构建您的项目时尝试缩小它，而不是在客户端，因为客户端可能必须在缩小之前下载您的脚本，从而使缩小无用。

我建议只下载它，也许用凉亭，然后缩小它。

【讨论】：