CSS 缩小器

使用 CSS minifier，您可以缩小 CSS 样式文件。使用 CSS 压缩器，您可以轻松地加速您的网站。

什么是 CSS 缩小器？

CSS minifier 旨在缩小网站上的 CSS 文件。这个概念被用作英语等效项（CSS Minifier），包括 CSS 文件中的排列。准备 CSS 时，主要目标是让网站管理员或编码人员正确分析这些行。因此，它由这么多行组成。这些行之间有不必要的注释行和空格。这就是 CSS 文件变得很长的原因。CSS minifier 消除了所有这些问题。

CSS 缩小器有什么作用？

连同对 CSS 文件所做的更改；尺寸减少，不必要的行被删除，不必要的注释行和空格被删除。此外，如果 CSS 中包含多个代码，这些代码也会被删除。

大多数用户可以手动执行这些操作的各种插件和应用程序。特别是对于使用 WordPress 系统的人来说，这些过程可以通过插件自动化。因此，消除了出错的可能性，并获得了更有效的结果。

不使用 WordPress for CSS 或不想喜欢现有插件的人也可以使用在线工具。通过通过 Internet 将 CSS 下载到在线工具，可以通过更改来减少 CSS 中的现有文件。完成所有过程后，下载现有的 CSS 文件并将它们上传到网站就足够了。这样，CSS Minify 或shrinking 等操作就会顺利完成，所有通过CSS 对站点可能遇到的问题都将被消除。

为什么要缩小 CSS 文件？

拥有一个快速的网站不仅能让 Google 开心，还能帮助您的网站在搜索中排名更高，并为您的网站访问者提供更好的用户体验。

请记住，40% 的人甚至不会等待 3 秒来加载您的主页，而 Google 建议网站最多在 2-3 秒内加载。

使用 CSS minifier 工具进行压缩有很多好处；

  • 较小的文件意味着您网站的整体下载大小会减少。
  • 网站访问者可以更快地加载和访问您的页面。
  • 网站访问者无需下载更大的文件即可获得相同的用户体验。
  • 站点所有者体验到较低的带宽成本，因为通过网络传输的数据较少。

CSS 缩小器是如何工作的？

在缩小站点文件之前备份它们是个好主意。您甚至可以更进一步，在试用站点上缩小文件。这样，您可以确保在更改实时站点之前一切都已启动并运行。

比较缩小文件前后的页面速度也很重要，这样您就可以比较结果并查看缩小是否有任何效果。

您可以使用 GTmetrix、Google PageSpeed Insights 和开源性能测试工具 YSlow 来分析您的页面速度性能。

现在让我们看看如何进行还原过程；

1. 手动 CSS 缩小器

手动收缩文件需要花费大量时间和精力。那么你有时间从文件中删除单个空格、行和不必要的代码吗？可能不是。除了时间之外，这种减少过程还为人为错误提供了更多空间。因此，不建议将这种方法用于压缩文件。幸运的是，有许多免费的在线缩小工具允许您从您的站点复制和粘贴代码。

CSS minifier是一个免费的在线工具来缩小 CSS。当您将代码复制并粘贴到“输入 CSS”文本字段中时，该工具会缩小 CSS。有一些选项可以将缩小的输出下载为文件。对于开发者来说，这个工具还提供了一个 API。

JSCompress , JSCompress 是一个在线的 JavaScript 压缩器，它允许你将你的 JS 文件压缩到原始大小的 80%。复制并粘贴您的代码或上传并合并多个文件以供使用。然后单击“压缩 JavaScript - 压缩 JavaScript”。

2. 带有 PHP 插件的 CSS minifier

有一些很棒的插件，包括免费的和高级的，可以缩小你的文件，而无需执行手动步骤。

  • 合并，
  • 缩小，
  • 刷新，
  • WordPress 插件。

这个插件不仅仅是缩小你的代码。它结合您的 CSS 和 JavaScript 文件，然后缩小使用 Minify（用于 CSS）和 Google Closure（用于 JavaScript）创建的文件。缩小是通过 WP-Cron 完成的，因此它不会影响您的网站速度。当您的 CSS 或 JS 文件的内容发生更改时，它们会重新呈现，因此您不必清空缓存。

JCH Optimize有一些非常好的免费插件功能：它结合并缩小 CSS 和 JavaScript，缩小 HTML，提供 GZip 压缩来组合文件，以及背景图像的精灵渲染。

CSS Minify，您只需要安装并激活即可使用 CSS Minify 缩小您的 CSS。转到设置 > CSS 缩小并仅启用一个选项：优化和缩小 CSS 代码。

Fast Velocity Minify 拥有超过 20,000 次活动安装和五星级评级，Fast Velocity Minify 是可用于缩小文件的最受欢迎的选项之一。要使用它，您只需要安装和激活。

转到设置 > 快速缩小。在这里，您将找到许多用于配置插件的选项，包括针对开发人员的高级 JavaScript 和 CSS 排除项、CDN 选项和服务器信息。默认设置适用于大多数网站。

该插件仅在第一个非缓存请求期间在前端实时执行收缩。处理完第一个请求后，将相同的静态缓存文件提供给需要相同 CSS 和 JavaScript 集的其他页面。

3. 带有 WordPress 插件的 CSS minifier

CSS minifier 是您通常会在缓存插件中找到的标准功能。

  • WP火箭，
  • W3 总缓存，
  • WP 超级缓存，
  • WP 最快的缓存。

我们希望我们上面介绍的解决方案对您如何做 CSS minifier 有所启发，并且您可以了解如何将其应用到您的网站上。如果您以前这样做过，您还使用了哪些其他方法来使您的网站更快？在 Softmedal 的评论部分写信给我们，不要忘记分享您的经验和建议以改进我们的内容。