如何加快网站速度? (终极站点速度指南 2021)

已发表: 2020-06-08

您的网站是否太慢而无法满足您的喜好? 也许您希望您的网站用户在加载时间不长的情况下获得更好的体验。 因此,您可能想知道如何加快您的网站速度。

瞧! 您,幸运的人,已经找到了我们的指南,以尽可能快地制作您的网站。 使用一些基本的互联网技巧和一些技术性的废话,您可以获得比您想象的更快的网站。 缓冲图标和不耐烦等待的日子已经一去不复返了。

本指南将彻底解释网站速度的来龙去脉。 它会告诉你为什么一个更快的网站是好的,而且最重要的是,它会教你所有让你的网站更快的方法。

最重要的是,您甚至不需要任何技术知识即可遵循本指南。 我们都为你准备好了!

现在,你还在等什么? 加入我们,我们将了解并教您如何让您的网站变得更快。

在这篇文章中:隐藏
什么是网站速度及其优化? - 定义
为什么网站速度优化很重要? (5个原因)
如何测试网站速度? – 最佳速度测试工具和技术
什么是好的网站速度?
如何加速您的网站? 提高页面速度的 21 种方法
结论

什么是网站速度及其优化? - 定义

什么是网站速度及其优化
网站速度优化

首先让我们清理一些东西。 什么是网站速度? 看似简单的问题,其实没那么简单。

基本上,网站速度是网站页面加载其内容的速度。 众所周知,网站是网页的集合。 因此,网站的速度将直接与其各个网页的速度相关。 如果一个网页加载其内容的速度很慢,那么它将降低整个网站的速度。

图像、文本、视频,您在网页上看到的所有内容都是内容。 您已经看到一些网站的响应速度比其他网站更快,即使您的互联网连接非常稳定。 因此,内容出现在网页上的速度是衡量网站速度的一个很好的指标。

当然,您不会期望网站需要几分钟或几小时才能加载! 因此,用来表示网站速度的单位只是秒。

您可以通过两种主要方法来衡量网站的速度。 首先是衡量所有内容出现在网站上所需的时间。 这称为“页面加载时间”。 另一种方法是测量直到第一个字节数据出现在网站上的时间。 这称为“到第一个字节的时间”。

您使用哪种方法并不重要,只要它在整个测量过程中保持不变即可。 所以不要太担心这些条款!

使用各种技术提高网站速度的过程称为网站速度优化。 我们将在本文后面介绍所有技术,所以请耐心等待! 只要知道所有大公司都依靠这些方法来让他们的网站尽可能快地运行,以获得最大的用户满意度。

为什么网站速度优化很重要? (5个原因)

对于所有公司和个人来说,网站速度显然是相当重要的。 许多人都知道不得不使用慢速网站的挫败感,他们真的不希望其他人尽可能地体验到这种体验。 当然,这是一个原因,但您会惊讶于您想要一个更快的网站的所有其他原因。

我们认为您应该担心网站速度的主要原因是:

1. 用户体验

每个人首先想到的是用户体验。 没有人希望他们的网站惹恼或激怒他们的用户,无论它是什么类型的网站。

用户也不想生气。 研究表明,如果网站加载时间超过几秒钟,超过 50% 的用户会点击离开。 他们会寻找另一个网站来满足他们的需求。

2. 节省销售额

继续上述统计数据,当您失去网站访问者时,您也将失去销售额。 或者广告收入。 或者你用来从你的网站中获利的任何东西。 这对任何人来说都不是一件好事,尤其是那些在大部分业务中使用互联网的公司。

其中,在线商店和博客将受到网站速度缓慢的影响最大。

3. 搜索引擎优化

谷歌公开表示,他们的算法最喜欢真正快速的网站,而不是缓慢甚至平均加载的网站。

那是因为谷歌本身就是一家公司,他们和你和我们一样关心用户的满意度。 如果 Google 开始推荐速度较慢的网站,他们将会受到相当大的反对。

正因为如此,即使是相关网站也会因为太慢而被推下谷歌的搜索列表。 如果您希望通过搜索引擎更多地访问您的网站,那么您必须使您的网站非常快。

4. 可信度较低

想象一下,您正在打电话安排与医生的预约。 如果诊所立即接听并转介您,您会感到高兴和满意。 如果你经常被搁置,或者不得不等待很多,你会觉得这家诊所可能不值得信赖。

网站也是如此。 对于拥有大量实体店的公司来说,这可能不是什么大问题,但如果您或您的企业完全在线,这将产生巨大的影响。 客户只需点击一下,您的整体在线形象就会下降。

此外,您不会获得应得的信誉,人们会更加怀疑您的网站。

5.印象不好

缓慢的网站对任何人来说都是一个不好的印象。 通常,网站是某人去了解您、您的公司以及您提供的服务的地方。 如果他们不能以简单的方式访问它,他们就会对你的公司失去希望。

更糟糕的是,当对您的网站不满意的人与其他人谈论它时,您可能会产生负面宣传。 消息在互联网上迅速传播。

如何测试网站速度? – 最佳速度测试工具和技术

想象一下,你找到了一份工作,开始赚钱。 你可能会在拿到薪水之前检查你的银行账户,对吧? 也许是为了跟踪你的收入,或者只是为了看看你有多少钱。

同样,在您尝试提高网站速度之前,您可能想弄清楚您网站的实际速度是多少! 然后,您可以在完成本文中给出的技术实施后测量您网站的速度。 这样做会让您知道您为使网站更快而实施的方法是否确实有效。

Pingdom 网站速度测试工具
Pingdom 网站速度测试工具

您还将知道您的网站是否已按您希望的那样快,或者它是否仍然对您的口味来说太慢了。 几毫秒可能看起来不多,但在网站速度的世界中,它可能意味着成功和不成功的网站之间的区别。

您可以通过多种方法来衡量网站的速度。 最常见的方法是简单地使用第三方网站。 但在您检查网站速度之前,您需要注意一些事项。

第一个东西叫做“缓存”。 现在,您可能以前听说过它,无论是从其他人那里还是通过查看您设备的存储空间。 缓存只是本地存储在用户计算机上的数据,通常是临时存储的,以便更快地加载内容。 在本地加载内容比通过 Internet 加载更容易。

您必须打开它,因为您的用户也将使用它,并且您希望您的体验尽可能接近他们的体验。

第二件事是您的网站本身。 您需要确保已上传所有文件以及每张图片、视频和音频。 重要的是您的用户将要查看的所有文件都在那里。

测试一个不完整的网站就像用一辆未完成的汽车赛车! 你之后添加的东西会极大地改变结果。

现在你已经准备好了,让我们开始吧!

首先,您需要在线打开任何类型的网站速度检查器。 您可以使用搜索引擎简单地搜索一个,但我们想推荐一些特定的:

  • https://tools.pingdom.com/:这个网站速度检查器为您提供所有网站操作的非常直观的视图,以及它的运行速度。 您还可以更改它所测量的世界的一部分。
  • https://gtmetrix.com/:此网站速度检查器可对您的网站进行详细分析。 它还可以让您测量来自世界不同地区的网站速度。
  • https://developers.google.com/speed/pagespeed/insights/:此网站检查器可让您相当深入地了解您网站的统计信息,以及使您的网站速度变慢的所有内容。 此外,您将获得有关如何使您的网站更快的建议的简要概述。

这对每个人都非常有帮助,即使它只是一个概述。

  • https://www.webpagetest.org/:该网站速度检查工具具有易于显示的信息,是迄今为止该列表中最深入的工具。 它为您提供了大量信息,甚至可能超出您的需要。 在任何情况下,如果您能理清优先事项,您绝对可以充分利用您的网站。
  • https://www.uptrends.com/tools/website-speed-test:Uptrends 提供了最有用的网站速度检查工具。 获得结果后,您会看到一个列表,其中列出了您可以用来使您的网站更快、响应更快的所有资源,例如视频、教程和博客。 您只需单击给定的 URL 并按照说明进行操作。
  • https://www.thinkwithgoogle.com/feature/testmysite/:这个站点检查器可能是最简单易读的。 它以简洁明了的方式呈现数据,并且不会让您因过多的信息而过载。

现在您已经有了一个可以测量网站速度的网站,只需输入您网站的 URL,即可开始使用! 测量站点会给您时间,它们将是您站点的速度! 恭喜你,你做到了!

但这还不是全部! 想象一下,如果那一次测量是侥幸。 然后呢? 好吧,为避免这种情况,请尝试多次测量网站速度,并使用各种设置。 然后,获取您收集的数据,并找到平均值。 现在,如果你刚刚拿到你得到的第一个数字,你就会得到一个更准确的读数!

您可以记录该数字并将其与实施所有方法后获得的数字进行比较,以查看您的改进。 此外,您还可以查看哪种方法效果更好,以便在您决定制作另一个网站时,您将确切知道该怎么做。 对于需要大量网站的公司来说尤其如此。

什么是好的网站速度?

那么,什么是好的网站速度。 首先,研究表明 50% 的用户宁愿点击离开,也不愿等待 3 秒加载网站。 所以它一定比那更好。

作为参考,平均网站速度为 2.9 秒。 这意味着如果您的网站比这更快,那么您就高于平均水平。 最快的网站可能会在 0.8 秒左右加载。 通常,这些网站非常小且经过优化。

如何加速您的网站? 提高页面速度的 21 种方法

现在我们已经涵盖了从站点速度的定义到提高站点速度的原因的所有内容。 我们还告诉了您并为您提供了一些技巧和工具,让您自己衡量网站的速度。 现在,还能剩下什么?

这是正确的! 关于如何让您的网站更快的最重要的一点! 一定要跟进,如果这听起来太技术性,请不要担心。 我们将在进行过程中解释一切。

现在事不宜迟,让我们开始吧!

1. 使用最佳虚拟主机

最佳虚拟主机
最佳虚拟主机

拥有更快网站的第一步就是获得更好的托管服务。 许多托管公司根据您拥有多少带宽等因素提供计划。 带宽是数据传输的速率,所以如果你有更好的带宽,你的网站会加载得更快。 因此,获得更好的计划是通过最少的工作获得更快的网站的可靠方法。

当然,它的成本确实要高一些。 这就是为什么它不完全适合预算有限的人。 尝试检查您的网络托管服务的网站,并检查是否有更好的计划在您的预算范围内。

一些好的网络主机是 SiteGround 和 Bluehost。 如果您使用的是 WordPress,那么 DreamHost 也非常好。

2.利用缓存

正如我们之前提到的,缓存只是本地存储在用户计算机上的数据,通常是临时存储的,以便更快地加载内容。

本质上,客户端通常需要向服务器请求文件和数据。 但是,如果数据先前已缓存,则不需要这样做,而是可以从本地存储中加载它。

要利用这一点,您可以使用一种特殊类型的文件,称为 .htaccess 文件。 只需将其添加到您的 HTML 脚本中。 对于 WordPress,您可以使用各种网站插件,例如 WP Super Cache。 这有助于用户获得更快的网站体验并让他们感到满意。

3.优化图像

图像优化
图像优化

图片是网站设计和整体美感的重要组成部分。 它们通常提供简单单词无法提供的参考和上下文,并且在创建网站时被大量使用。

因此,网站通常有很多图像。 这些图像如果没有得到适当的优化和压缩,可能需要很长时间才能加载。 这将使您的网站速度变慢。

为防止这种情况,您可以优化图像。 怎么样,你可能会问? 好吧,您可以使用各种方法和工具,但首先,让我们了解优化的类型。

当您减小文件的文件大小时,称为压缩。 有两种类型的压缩,即有损压缩和无损压缩。 首先,由于压缩,质量急剧下降,但尺寸也减少了很多。 在第二个中,尺寸减少了一点,但它的质量保持不变。

通常,压缩工具会让您选择方法,但最好知道它们的含义,这样您就可以选择要在质量上妥协的程度。

为此,您可以在许多在线可用的工具中进行选择,例如 TinyPNG 和 Compressor.io,它们可以让您上传图像,并在短时间内获得优化的图像。

或者,您可以为您的 WordPress 网站使用 WordPress 插件。 像 Smush Pro 这样的插件可以根据您的喜好自动优化您的图片,平衡速度和质量。

4. 以下一代格式提供图像

软件技术在不断发展,由于图像格式是软件,它们也在不断发展。 为您的网站使用 .jpeg 和 .png 图像的日子已经一去不复返了。

如今,您可以找到更新、更适合网站图像的格式,例如 .webp 和 jpeg xr。

这些格式在网站上运行得非常好,并且可以比您刚刚使用普通格式更快地制作网站。

Try 可以使用各种在线图像转换器工具将您的图像转换为这些较新的格式。 一些推荐的是 image.online-convert.com 和 https://webp-converter.com/。 您还可以使用 WebP Express 等 WordPress 插件,或者使用 Photoshop 将图像保存为 WebP。

5.优化JavaScript和CSS文件

优化 JavaScript 和 CSS 文件
优化 JavaScript 和 CSS 文件

众所周知,JavaScript 和 CSS(层叠样式表)是网站不可或缺的一部分。 它们的编码通常是为了使网站在用户眼中变得动态、实用和美观。 因此,如果您选择使用它们,它们在网站上也很重。

这意味着它们还会阻碍您网站的速度,并使其加载速度变慢。

好吧,你不想要那个。 这就是为什么您可以优化这些文件以使它们更快地工作。 压缩这些文件的过程称为最小化它们,它们通常可以大大提高您网站的速度。

有几种方法可以做到这一点,但我们将介绍最简单的方法。 第一个是针对 WordPress 用户的。 您可以使用 WordPress 插件来最小化您的 JavaScript 和 CSS。 我们的建议是 Fast Velocity Minify 和 Hummingbird。 对于普通用户,您可以使用 https://cssminifier.com/ 之类的网站轻松缩小脚本。

6.摆脱无用的插件

插件基本上是用于提供额外功能的附加软件。 这些功能的范围可以从提供自定义选项到真正具体的东西,比如提供实时聊天选项。 无论哪种方式,它们都会占用您网站上的空间。 任何占用空间的东西都会增加网站的加载时间。

因此,如果您认为不会使用插件,只需将其删除即可。 但是,决定是否使用它取决于您。 花一些时间来平衡您网站的速度和功能。 最终它会是值得的!

7. 实施内容交付网络 (CDN)

内容交付网络 (CDN) 是一种内容交付形式,类似于网络托管。 虽然它不能承担网络托管的工作,但它仍然可以使网站更快、更高效。 你会怎么问?

好吧,想象一个像任何其他产品一样的网站。 假设产品存储在世界各地的许多不同仓库中。 当然,如果公司决定从离您最近的仓库向您运送产品,您会更快地收到它。

它类似于 CDN。 CDN 由连接到主服务器的全球多个数据库组成。 当用户尝试访问网站时,网站文件会被传输到离他们最近的数据库中。 然后,它可以快速轻松地访问!

许多网络托管服务提供商也提供 CDN 服务。 您应该检查他们的网站并相应地配置您的网站。 他们可能会为此收取额外费用,所以无论您是否真的需要它,都要仔细考虑。 如果您没有提供 CDN 的虚拟主机,您可以从另一家公司获得。 StackPath 是一家非常优秀的 CDN 公司。

8. 减少外部脚本

JavaScript 通常用于为您的网站带来一些额外的功能。 而这些功能通常存在于网站本身之外。 像这样在外部存储脚本的好处是您可以在多个网站上使用相同的脚本。

但是,每次使用它们时,网站都必须访问该文件以使用 HTTP(超文本传输​​协议)发出请求。 经常使用此类功能会严重降低您的网站速度。

为了尽量减少这种情况,请尽量不要使用这些功能。 对话框、动态幻灯片和类似 Facebook 的按钮之类的东西通常都保存在外部。

我们并不是说要摆脱所有这些功能。 外部脚本非常有用,因为它们可以将相同的功能添加到许多不同的网站。 因此,由您决定保留哪些功能。

9.通过删除未使用的文件来清理服务器空间

通过删除未使用的文件来清理服务器
通过删除未使用的文件来清理服务器

每当您启动网站时,您都必须将某些文件上传到服务器计算机。 有时,您可能会错误地上传太多无用的文件。 这些文件不会改变网站上的任何内容,只是占用空间并使网站整体变慢。

你应该打开你的服务器,并检查这些文件中的任何一个。 不过要小心! 您不想意外删除重要文件!

我们建议您首先备份网站,无论是在本地还是在您的网络托管服务提供商的服务器上。 这将确保即使您不小心删除了重要文件,您仍然可以在以后恢复它。

10. 最小化 HTTP 请求

HTTP(超文本传输​​协议)是一组规则,用于将数据从服务器传输到客户端,反之亦然。 它基本上是客户端和服务器如何交互的框架。

这在制作网页时很重要,因为当用户加载网站时,它基本上是从网络服务器请求它。 像这样的动作需要时间来执行。 而且当对服务器有更多的 HTTP 请求时,加载网站所需的时间会增加更多。

HTTP 请求会随着您的网站可能拥有的不同文件的数量而增加。 例如,要加载图像,客户端必须向服务器发出额外的请求。

因此,为了减少 HTTP 请求,您通常必须最小化网站。 首先,您可以使用 https://www.pingdom.com/ 来衡量来自您网站的请求数量。 然后,如果您使用 WordPress,您可以简单地使用蜂鸟插件来优化您的网站。

11.图像的延迟加载

你有没有试过一拿到作业就完成? 如果你有,你知道这很难做到。 相反,在时间需要时花时间做任务听起来要容易得多。

同样,延迟加载是一种允许您的网站在用户浏览时加载的方法。 您之前在浏览网站时可能已经看到过这种情况。 这是文本已加载但图像尚未加载的时候。 在这种情况下,最重要的部分(文本)被优先考虑,并且仅当您向下滚动到它们时才会显示图像。

您可以通过不同的方式使用延迟加载。 如果您使用的是 WordPress,您可以简单地下载许多插件之一。 其中,WP Rocket 的 Lazy Load 最受欢迎。

12. 延迟 JavaScript 加载

正如我们所讨论的,JavaScript 文件在网站上通常非常繁重,如果您使用过多,可能会导致网站速度变慢。 这就是为什么你可以推迟。 JavaScript 很容易。

延迟是指在加载 JavaScript 之前检查基础网站是否已经加载。 本质上,JavaScript 是最后加载的。 这确保了所有必要的功能都存在,而用户无需等待 JavaScript 加载。

尽管用户可能无法立即获得网站的全部功能,但他们仍然可以与它进行交互,直到 JavaScript 加载。

13.减少重定向

您可能已经看到页面重定向。 当一个网页将您发送到另一个网页时,就会发生这种情况。 这通常最多需要 5 秒,就网站速度而言,这是相当长的时间。

你可能会问,为什么有人会选择这样做? 好吧,想象一下其他人在他们的网站上放置了指向您网站的链接。 稍后,您可能会选择切换到另一个网站。 为了方便起见,您可以将人们从旧网站重定向到新网站。

当然,这在网站速度的情况下确实是不可取的。 要摆脱这种情况,请尽量不要将您的网站链接到被重定向的其他网站。 有时,您添加到网站的插件也可能具有重定向。 尝试检查那些。 如果您使用 WordPress,您可以简单地使用重定向插件来检查任何重定向并删除它们。

14. 针对移动设备优化您的网站

优化移动网站
优化移动网站

今天,全球智能手机市场比以往任何时候都大。 进入网站的大量流量也来自移动设备。

因此,如果移动用户尝试访问仅考虑计算机的网站,他们将遇到很多问题。 他们可能会遇到糟糕的显示、死链接和整体糟糕的网站。 他们甚至可能无法简单地阅读文本。 当然,该网站可能会加载缓慢,或者根本不加载。

这就是为什么移动优化如此重要的原因。 它不仅提供了包容性,而且使网站的整体设计更好,即使在计算机上也是如此。

您可以使用 AMP(加速移动页面)。 这是一个 HTML 框架,可让您创建在移动设备上运行良好的网页。 它是开源的,因此您可以随意更改它。 使用 WordPress,您也可以使用任意数量的插件来完成此任务。

15. 尝试加速网站的插件

加速网站的插件
加速网站的插件

如果您有任何使用插件的经验,那么您就会知道出于任何原因都有插件。 从简单的 SSL 到购买建议,应有尽有。

同样,有很多插件使用不同的方法来加速您的网站。 这些方法可以包括缓存和整体网站优化。 很多时候,这些插件也是完全免费的!

Jetpack 和 WP Rocket 等插件是 WordPress 平台的不错选择。

16.启用gzip压缩

我们已经讨论了很多文件压缩和优化。 在使您的网站更快方面,这是一件非常有用的事情。

这就是我们现在向您介绍 gzip 压缩的原因。 此功能允许您专门为网络传输压缩文件。 文件在服务器端被压缩,通过网络发送,在客户端被提取。 这使得网络传输速度更快,网站整体速度更快。

对于 WordPress 网站,您可以安装一个插件来帮助您压缩文件。 WP Rocket 是我们最喜欢的用于此任务的插件之一。

17. 不要将音频/视频文件直接上传到网站

很明显,音频和视频文件需要很长时间才能加载。 如果您希望使网站更快,那是您要避免的事情。

但是,您不必完全摆脱音频和视频文件。 与其将它们与网站的其余部分一起加载,不如将它们上传到在线视频共享平台,例如 www.youtube.com。 之后,您可以使用代码简单地将文件链接到您的网站。

18.启用HTTP Keep-Alive

HTTP keep-alive 是一个允许客户端向服务器发出多个请求的命令。

想象它是这样的。 每次客户端想要请求文件时,它都必须创建一个到 server.s 的新连接。 只有完成此操作后,客户端才能接收文件。 当 HTTP keep-alive 被激活时,它消除了对许多新连接的需要,因为旧连接保持运行,从而节省了时间和带宽。

19.禁用图片盗链

每当有人使用您网站的媒体(音频、图像和视频)时,他们都会不断地将他们的网站链接到您的网站。 如果他们的网站获得大量流量,这也会严重降低您的网站速度。 如果其他网站的带宽比您的多得多,这尤其严重。

盗链是一个严重的问题,如果他们使用受版权保护的材料,它甚至可能是非法的。

那么你如何解决这个问题? 很简单,你可以禁用盗链! 如果您使用的是 WordPress,您只需下载一个像 All In One WP Security & Firewall 这样的插件。 否则,您可以与您的 CDN 提供商或您的网络托管商联系。 许多 CDN 提供商都有安全功能来防止这种情况。

20. 尽可能用静态 HTML 替换 PHP

PHP 可能是一种非常有用的编程语言。 但是,它运行起来也很慢,尤其是在客户端的互联网连接不佳的情况下。

那是因为 PHP 是一种服务器端语言。 这意味着它首先在服务器上运行,而不是使用客户端计算机的处理能力。 这与 HTML 相反,它使用客户端计算机的处理能力来运行。

你已经可以看到这是怎么回事。 PHP 的加载时间当然比 HTML 长。 因此,尽可能尝试用 HTML 替换它。 当然,如果你想创建动态特性,PHP 是必须的,但尽可能多地替换它。

21. 关闭 WordPress 中的 pingbacks 和 trackbacks

如果您使用 WordPress,您可能听说过 pingbacks 和 trackbacks。 如果您将其他人的文章链接到您自己的文章,那么他们会收到一个通知,称为 pingback。 trackback 的不同之处在于它只是一个通知,而 pingback 可能是一个评论。

无论哪种情况,它们都会影响您网站的速度,尤其是在很多人链接到您的网站时。 在这种情况下,您可以简单地从设置中将其关闭!

结论

好了,我们的教程到此结束。 我们希望这篇文章能帮助您了解有关网站速度的所有信息、如何检查它、为什么它很重要,以及最重要的是,您需要做些什么来改进它。

我们甚至为您提供了一些您可以查看的资源! 我们希望您在阅读本文时获得了极大的乐趣,并且您的网站现在与以往一样快!

如果您对加快网站速度有任何进一步的疑问,请在下面发表评论。 我们会尽快回复您。

此外,请查看我们关于网站 SEO 的权威指南,了解如何优化您的网站以获得来自搜索引擎的免费自然流量。

请务必查看我们的博客以获取更多有用的文章!