如何在 WordPress 中对资源进行分组和压缩

对于所有网站管理者来说，拥有尽可能高的网站性能是他们的梦想。在 WordPress 上对资源进行分组和压缩是实现这一目标的最佳方法之一，但这可能非常困难。如果您不是开发人员，将所有资源（主要是 CSS 和 JS 文件）分组可能会使您的网站面临风险，因为这可能会导致冲突。.

WP Speed of Light是提升 WordPress 网站性能的最佳解决方案，因为它提供了众多选项来加快网站加载速度，并且拥有非常友好的控制面板。其中一项功能就是资源分组和压缩。分组和压缩过程中对单个文件的包含/排除是实现无冲突自定义优化的关键。

我们将使用一个 WordPress 网站示例来进行这篇博文的讲解，并学习如何操作，以便简化配置过程。.

如何进行 WordPress JS 和 CSS 压缩

让我们来学习如何对 WordPress js 和 CSS 进行压缩，但首先，我们需要知道压缩是什么意思。“压缩是指在不影响浏览器处理资源的方式的前提下，删除不必要或冗余数据的过程——例如代码注释和格式、删除未使用的代码、使用更短的变量和函数名称等等”。.

现在我们要对页面进行速度测试，以便查看变化。在这个例子中，我们使用一个带有 WooCommerce 和一些产品的网站，所以第一次加载速度会有点慢。.

是的，页面加载时间为 2.79 秒，还不错，但还可以更好。我们来压缩一下 JS 和 CSS 文件，看看效果如何。前往WP Speed of light > SpeedUp > Group & Minify ，您将看到包含所有压缩选项的菜单。插件的免费版包含分组和压缩选项，但可视化文件排除功能仅在 PRO 附加组件版本中可用。

PRO 插件选项包括：排除内联脚本（将内联脚本排除在压缩之外）、将脚本移至页脚（将所有压缩后的脚本移至页脚以加快网站速度）、字体和 Google 字体合并（将本地字体和 Google 字体合并到一个文件中以加快加载速度）以及高级文件排除。
 
如您所见，您可以选择压缩 JS、CSS 和 HTML。只需激活这些选项，点击保存，所有资源将立即被压缩。由于这是高级配置，可能会出现一些问题，但所有问题都可以通过排除某些代码和文件（使用 PRO 插件）来解决。

现在，所有原本需要数小时才能完成的开发工作，只需几秒钟就能完成。.

下一步，WordPress 优化 CSS 和 JS

有了这个插件，我们只需在控制面板上启用分组选项，即可让 WordPress 优化 CSS 和 js。转到WP Speed of Light > SpeedUp > Group & Minify ，您将能够看到一个控制面板，其中包含对 CSS 和 js 进行分组的选项。

这些选项允许您：

• 将多个 JavaScript 文件合并到一个文件中，可以最大限度地减少 HTTP 请求数量。
• CSS 分组：将多个 CSS 文件分组到一个文件中，可以最大限度地减少 HTTP 请求的数量。.

HTTP 请求：每次我们选择某个内容或访问同一网站的另一个页面时，都会向服务器发出这些请求，因此如果我们能够减少这些请求，加载时间就会减少。.

要查看您可以在网站上分组多少个文件和脚本，只需打开浏览器控制台（右键单击 > 检查或 F12）并打开网络面板。

然后您可以按类型列出所有已加载的文件，在本例中，我只点击了 JS 文件列表。.

现在我们已经设置好了，只需启用分组选项（分组 CSS 和分组 JS），然后点击保存。请记住，这些选项必须谨慎使用，并且您必须测试您的页面，因为它可能会导致冲突。.

让我们认真起来，优化字体粗细。

什么？还有其他优化？没错！您可以优化字体粗细，操作非常简单，只需在设置中启用该选项即可。前往WP Speed of Light > SpeedUp > Group & Minify > Group fonts and Google Fonts选项。
启用此选项后，您可以将字体和 Google Fonts 合并到一个文件中，从而加快加载速度。这非常实用，因为大多数 WordPress 主题和布局默认都包含两种或两种字体，并且每种字体都有所有字形（常规、粗体、斜体……）。

只需启用该选项，点击保存，所有字体就会被分组。.

现在我们已经激活了所有资源压缩和分组选项，网站的加载时间应该会有所改善，让我们检查一下速度。.

差别真大！从 2.8 秒缩短到 0.56 秒！正如我们在文章开头所说，我们可以进一步缩短加载时间 ;)

如何使用文件压缩排除项

文件压缩可能会导致网站出现问题，主要发生在您将某些包含语法错误或类似变量、类名错误文件进行分组时。因此，您可以使用“文件压缩排除”选项将文件从压缩和分组过程中排除。前往WP Speed of Light > SpeedUp > Group & Minify ，即可找到高级文件排除选项。

要使用高级文件排除功能，您必须先运行扫描，启用该选项，然后单击“运行扫描”。.

 为了列出您网站上加载的脚本， WP Speed of Light需要扫描您的文件夹才能将其列出。这些脚本通常都位于您的 /wp-content 文件夹中，该文件夹包含您的所有插件和主题。请选择该文件夹（至少选择一次），然后单击“立即扫描”。

它会运行扫描，扫描完成后，点击查看结果。.

下方应显示按类型（全部、JS、CSS、字体）分类的文件列表。如果您发现某个文件在启用文件组和压缩功能时导致问题，可以使用简单的开/关开关。

这将帮助您排除文件，从而轻松解决资源压缩过程中可能出现的任何问题……分组和压缩过程仍然需要一些工作，尤其是在测试阶段，但这绝对值得，而且您始终可以通过WP Speed of Light运行速度测试。
 
立即试用WP Speed of Light ： https://www.joomunited.com/wordpress-products/wp-speed-of-light