如何在 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，现在只需激活这些选项，点击保存，您的所有资源就会立即被压缩。由于这是高级配置，可能会出现问题，但通过排除某些代码和文件（使用专业版附加组件），一切都可以解决。

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

下一步，WordPress 优化 CSS 和 JS

使用此插件，我们只需在仪表盘上启用分组选项，就能让 WordPress 优化 CSS 和 JS，前往 WP Speed of Light > SpeedUp > Group & Minify，你将看到一个包含 CSS 和 JS 分组选项的仪表盘。

这些选项允许您：

• 分组 JS：将多个 Javascript 文件合并为一个文件可最大限度减少 HTTP 请求数量
• 合并 CSS：将多个 CSS 文件合并为一个文件将最大限度地减少 HTTP 请求数量。.

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

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

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

现在我们已进入此设置，只需启用分组选项（Group CSS 和 Group JS）并点击保存。请注意，这些选项必须谨慎使用，并且您需要测试您的页面，因为它可能会引起冲突。.

让我们认真对待并优化字体粗细

什么？还有其他优化？没错！你将能够优化字体粗细，而且只需在设置中启用该选项即可，非常简单，只需前往 WP Speed of Light > SpeedUp > Group & Minify > Group fonts and Google Fonts 选项。
Group fonts and Google fonts 选项允许你将它们合并到单个文件中以更快地提供服务，这非常方便，因为大多数 WordPress 主题和布局默认都会附带 2 种或更多字体及其所有变体（常规、粗体、斜体……） 

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

现在我们已经启用了所有压缩和合并资源的选项，应该能看到网站加载时间的差异，让我们检查一下速度。.

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

如何使用文件压缩排除功能

压缩可能会给您的网站带来问题，这通常发生在您合并某些包含语法错误或类似变量、类名错误的文件时。因此，通过“文件压缩排除”选项，您可以从压缩和合并过程中排除文件，请转到 WP Speed of Light > SpeedUp > Group & Minify，您将能够看到 Advanced file exclusion 选项。

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

 
要能够列出您网站上加载的脚本， 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