如何通过缩小来提高WordPress网站的性能

2018/11/26

网站速度仍然是几乎所有网站所有者长期关注的问题。虽然有几种方法可以提高网站的速度,但有一种经常被忽视(但非常有效)的技术需要考虑 – 缩小。

简单来说,缩小可以优化您网站的代码,使其尺寸更小,运行效率更高。虽然这看起来像是一个小问题,但它实际上是非常有效的。

在本文中,我将向您介绍缩小概念及其工作原理。我还将向您展示自己使用此方法的几种方法,即使不必触摸代码也是如此。让我们开始吧!

“缩小”介绍(以及它如何帮助您)

长加载时间背后的一个潜在原因是代码编写效率低下。大多数网站所有者很少(如果有的话)现在需要编写任何代码,因此您可能甚至无法判断您的代码是否导致您的网站变得迟缓。但是,通过使用称为缩小的过程,您可以忽略它。

如果你不是编码员,这可能看起来令人生畏,但不要担心。缩小实际上是一个简单的过程,只需要优化CSS,HTML和JavaScript代码。我稍后会告诉你如何在不需要任何编码技能的情况下实现这一目标。但是,在此之前,让我们看看它在实践中是如何工作的,使用以下CSS片段:

h1 {
background-color: blue;
}

h2 {
background-color: red;
}

p {
background-color: black;
}

即使熟悉CSS,这也很容易破译。它只是指定应该为页面上的不同元素分配哪种样式。这是因为代码被编写为对人眼可读。为此,使用换行符和额外空格使代码的每个部分都清晰定义并且更易于扫描。

但是,这实际上并不是计算机需要理解和运行代码的东西。实际上,附加字符会使代码“更重”,因此,计算机读取和执行的时间会更长。因此,您可以将缩小视为将人性化代码转换为机器友好代码的过程。

如果你要缩小这段代码,它将会是这样的:

h1{background-color:blue}h2{background-color:red}p{background-color:black}

该代码实际上包含与上面完全相同的功能,但是取出了所有不必要的部分。虽然它看起来可能不是一个主要的区别,但缩小的代码实际上比原始代码轻36%。如果你想象同样的原则应用于你页面上的所有代码,你可能会看到从长远来看这有多大的效果。

那么,你是怎么做到的呢?您可以使用几种方法,我将在本文中查看它们。首先,让我们看看如何手动缩小代码。

如何手动缩小代码

缩小代码的一种方法是自己动手。如果您正在编写自己的代码(例如创建主题或插件时),这将非常有用。

幸运的是,有很多工具可以帮助您在几秒钟内生成缩小的代码。其中一个例子是Minify,它适用于CSS和JavaScript:

只需将要压缩的代码粘贴到文本框中,单击“缩小”,代码将立即以新的形式返回。您甚至可以看到新版本与原版本相比要轻得多的摘要:

当您需要缩小HTML代码时,我建议您使用HTML Minifier

我特别喜欢这个工具,因为它提供了很多关于如何压缩代码的选项。虽然手动缩小代码肯定是有用的,但大多数时候您可能希望自动化该过程。接下来,我将看看你如何做到这一点。

3个WORDPRESS插件,可帮助您自动缩小代码

到目前为止,实现缩小的最简单方法是使用WordPress插件为您完成工作。这样的插件会在调用代码后立即自动缩小代码。

这意味着您可以缩小代码,而无需亲自查看。考虑到这一点,让我们看看一些最好的缩小插件!

Autoptimize

如果您担心缩小是一个复杂的过程,Autoptimize是一个完美的对应点。这是一个“一劳永逸”的解决方案,可以自动缩小您网站的所有脚本,而无需您输入。您只需安装并激活插件,即可完成其余工作。

Fast Velocity Minify

与之前的产品一样,Fast Velocity Minify开箱即用。通过将代码和脚本压缩到最少数量的文件,该插件可确保尽可能高效地交付CSS和JavaScript。它还包括许多配置设置,包括可选的HTML缩小。

Merge + Minify + Refresh

Merge + Minify + Refresh是另一个开箱即用的缩小插件。虽然它的功能与Autoptimize大致相似,但它是一种特别轻巧的替代品。由于缩小过程的工作方式,插件提供最小的减速,并且不需要您手动清除缓存(与其他解决方案不同)。

结论

在优化您的网站时,使用所有方法非常重要。其中之一是缩小,它使您能够压缩代码,使其更有效,而不会影响其功能。

在本文中,我已经讨论了如何使用我推荐的插件在您自己的网站上使用缩小:

  1. 自动优化。功能强大且简单,为有经验的用户提供额外设置。
  2. 快速缩小。一个坚实的选择,对初学者和开发人员都很好。
  3. 合并+缩小+刷新。快速可靠,有助于始终确保良好的性能。

您对使用缩小加速网站有任何疑问吗?请在下面的评论部分告诉我们!

发表评论

电子邮件地址不会被公开。 必填项已用*标注