如何提高网站性能:加快网站速度的10个技巧

了解影响网站性能的主要因素是一回事,但您还可以做很多事情来尽可能优化您的网站。在没有详尽列表的情况下,您可以进行一些调整以提高网站性能。

如何提高网站性能:加快网站速度的10个技巧-南华中天

1.选择更好的托管服务器

您的网络托管是网络性能最重要的部分之一。如果您的网站在您当前的计划下受到影响,您可能只需要更多资源,而转向更好的计划可能对您有用。有网络主机,然后有优秀的网络主机。每个网络主机都有不同的功能,因此请注意专有缓存技术、固态驱动器或对关键区域的控制等关键项目。共享主机通常在资源方面较少,如果您已经长大,您可能需要查看VPS 或云主机。有时,简单地选择迁移到更好的网络主机也可能会奏效。但是,在您承诺这样做之前,请花一些时间进行研究,以找出您最可靠的选择。

2. 使用更快的 DNS 提供商

什么是域名系统 (DNS)?

域名系统 (DNS)是 Internet 的地址簿。每当用户在他/她的浏览器中输入网站域时,例如 – google.com,DNS 都会帮助定位域名的 IP 地址,以便浏览器可以加载该网站。

DNS 如何影响您的网站性能?

您在哪里购买域名很重要,因为各种域名服务具有不同的性能。DNS 解析需要时间,而且由于它适用于硬件,因此响应速度可能会有所不同。在你对此嗤之以鼻之前,请注意性能差异可能非常显着。例如,如果 Cloudflare 在不到 15 毫秒的时间内解决,一些提供商可能需要十倍的时间。

如何检查您的 DNS 速度

要检查您的域名服务器性能,您可以使用Site 24×7上的工具。使用您的域名运行它,它会让您知道您的域名服务器响应查询需要多长时间。如果它太高,您可能需要考虑更改名称服务器。这并不难做到。

切换名称服务器以提高速度

您可以选择免费和付费的域名服务器。并非所有付费选项都一定更好。以 Cloudflare 为例。即使对于免费帐户,它们也是最快的域名解析速度之一。然而,选择权在你。您首先需要做的是使用您选择的新名称服务器进行注册。这将为您提供一对名称服务器地址,您需要用它们替换现有的地址。

如何提高网站性能:加快网站速度的10个技巧-南华中天

为此,您需要登录您购买域名的系统。其中大多数都有一个简单的仪表板供您更改名称服务器。在下面的示例中,我将展示NameCheap系统。

  1. 在您的帐户仪表板中,查找管理您的域名的选项。
  2. 在名称服务器下,寻找添加自定义 DNS 的选项
  3. 输入新名称服务器服务提供的地址
  4. 您必须输入提供的两个地址

完成此操作后,通常将通过新名称服务器的仪表板来管理您的域名记录。给新的名称服务器时间安顿下来(24 到 48 小时就好)。一旦结束,您可以再次重新测试您的 DNS 解析速度,看看是否有任何改进。如果一开始您没有看到改进,请给它更多时间。

3. 积极缓存

缓存可帮助您预加载静态文件,以便更快地提供它们。缓存不是在每次请求时都加载文件,而是通过在用户浏览器上存储一些文件来加快进程。这不仅可以提高性能,还可以帮助减少Web 服务器上的资源负载。

并非所有的 Web 服务器都是平等的,有些服务器比其他服务器处理缓存更好。为获得最佳性能,请选择提供NGINX或 Varnish 的网络主机。其中的一些例子是:

  • Cloudways使用 NGINX进行负载均衡和缓存,
  • A2 Hosting,已使用 VPS 计划预配置 Varnish,以及
  • Kinsta,它为客户处理服务器缓存中的所有内容。

此外,如果您正在运行WordPress网站,还有很多方便的WordPress 缓存插件可供免费使用。技术知识很少的用户只需点击几下即可使用这些插件优化他们的 WordPress 网站。

4. 使用 HTTP/2

这是所有网站所有者都应该注意的有用功能之一。HTTP/2 启用了多路复用,这意味着文件可以同时发送给用户,而不是一次一个。这有助于加载过程。

不幸的是,并非所有的网络托管计划都启用了 HTTP/2,并且一些网络主机只提供更昂贵的计划。解决此问题的一种方法是使用 Cloudflare,它可以为所有站点启用 HTTP/2。

如何提高网站性能:加快网站速度的10个技巧-南华中天

5.遵循KISS原则

这不是大多数网络专家通常教授的东西,但我发现它在很多方面都非常有用。KISS 是“保持简单,愚蠢”的首字母缩写。它是由 1960 年代的一些聪明人创造的,他们强调简单系统的效率。根据经验,我发现这几乎适用于生活中的所有事情——甚至在建立网站时也是如此。通过避免过于复杂的实现和设计,您将受益于一个快速且更重要的是易于管理和维护的站点。

设计与视觉

通过保持你的设计和视觉简单,我的意思主要是减少开销的形式。一个包含大量令人叹为观止的图像和令人惊叹的视频的网站可能会在糟糕的一天像树懒一样快速加载。保持整洁,并尝试将视频和图像加载拆分到各个页面。

代码和插件

WordPress 是如此美妙的东西,因为它是高度模块化的,而且使用起来非常简单。不管你想做什么,很可能有人已经为此设计了一个插件。听起来很令人兴奋,但请注意不要让您的网站使用插件过载。请记住,每个插件都是由不同的人(也可能是不同的公司)设计的。他们的目的是实现特定目标,而不是简化您的网站速度。

如果可以,请避免使用您可以自己管理的东西的插件。以一个插件为例,它可以帮助您在文本中插入表格。您可以轻松学习一些基本的HTML 代码来绘制表格,而不必为此使用插件,对吧?某些单独的插件可能会显着降低您的网站速度,因此请确保每次安装新插件时都进行速度测试!

6.启用gzip压缩

尽管网页通常已经很小,但在发送之前对其进行压缩仍然可以提高您的网站性能。如果您听说过图像压缩或归档(ZIP 或 RAR),那么您可能会熟悉 gzip 压缩背后的理论。这会压缩您的网站代码,从而将速度提升高达 300%(结果会有所不同)。

Apache、LiteSpeed和NGINX等每种 Web 服务器类型以不同方式处理 gzip 压缩。或者,您也可以将以下代码添加到您的 . htaccess文件来压缩您的 Web 文件。

<IfModule mod_deflate.c>

# 压缩 HTML、CSS、JavaScript、文本、XML 和字体

AddOutputFilterByType DEFLATE 应用程序/javascript

AddOutputFilterByType DEFLATE application/rss+xml

AddOutputFilterByType DEFLATE application/vnd.ms-fontobject

AddOutputFilterByType DEFLATE application/x-font

AddOutputFilterByType DEFLATE application/x-font-opentype

AddOutputFilterByType DEFLATE application/x-font-otf

AddOutputFilterByType DEFLATE application/x-font-truetype

AddOutputFilterByType DEFLATE application/x-font-ttf

AddOutputFilterByType DEFLATE 应用程序/x-javascript

AddOutputFilterByType DEFLATE application/xhtml+xml

AddOutputFilterByType DEFLATE 应用程序/xml

AddOutputFilterByType DEFLATE 字体/opentype

AddOutputFilterByType DEFLATE 字体/otf

AddOutputFilterByType DEFLATE 字体/ttf

AddOutputFilterByType DEFLATE image/svg+xml

AddOutputFilterByType DEFLATE image/x-icon

AddOutputFilterByType DEFLATE 文本/css

AddOutputFilterByType DEFLATE text/html

AddOutputFilterByType DEFLATE 文本/javascript

AddOutputFilterByType DEFLATE 文本/纯文本

AddOutputFilterByType DEFLATE 文本/xml

7. 使用内容交付网络 (CDN)

CDN 的工作原理

内容交付网络是基于用户地理位置向用户交付网页和其他内容的服务器网络。换句话说,它有助于减少远程服务器响应最终用户请求的数据所花费的时间。通常,它会捕获存储在离用户地理位置最近的服务器上的静态内容。随着数据行进距离的缩短,交付时间(或加载速度)会提高。

如何提高网站性能:加快网站速度的10个技巧-南华中天

使用 CDN 将帮助您更快地提供网页并提高加载速度,无论您的访问者来自世界的哪个地方。如果您是小型网站的所有者,那么Cloudflare提供了一个免费选项,您可以使用该选项,效果很好。企业和大型网站必须付费才能获得更好的计划,但考虑到 CDN 的好处,这是物有所值的!

8.优化图片

虽然通常很大,但可以优化 Web 使用的图像以帮助保持其尺寸更易于管理。这通常是通过调整图像质量来完成的,因为您通常不需要出色的网络图像清晰度。您可以使用诸如Optimizilla之类的免费在线工具来执行此操作,或者如果您使用 WordPress ,则可以选择图像优化插件。大多数图像优化工具都可以让您微调图像的分辨率细节,以便您可以逐渐调低它。对于未经训练的人来说,它们看起来几乎相同,但尺寸要小得多。

9. 缩小代码

今天的网站充斥着 Javascript 和 CSS 文件是很常见的。为了进一步微调您的网站,甚至您的代码也可以通过称为缩小的过程进行优化。这通过从现有代码中删除空格或不必要的字符来将文件大小缩减到最小。同样,您可以使用一些工具,例如Minifier。一句警告的话。代码缩小通常使人类难以阅读,因此如果您手动进行所有站点编码,则需要考虑这一点。

10.减少重定向

通常,浏览器接受各种形式的地址,这些地址又被您的服务器翻译成公认的官方地址。两者都可以访问同一个站点,但其中一个需要您的服务器将其重定向到官方认可的地址。该重定向会占用一些时间和资源,因此您的目标是确保您的网站可以通过不超过一个重定向访问。使用这个重定向映射器来看看你是否做得对。考虑到正确执行此操作的复杂性以及持续所涉及的时间,这是我建议使用Redirection之类的插件的一次。

测试您的网站速度

您可以对网站进行广泛的调整以加快加载速度。有些可能就像切换选项一样简单,而另一些则涉及更多。不过,如果您要考虑所有这些,则可能需要一些时间。最好采用缓慢、渐进的方法来提高性能,而不是一次进行所有更改。与任何基于技术的事物一样,有可能会出现问题。如果您随着时间的推移实施更改并记录测试,则更容易识别您所做的任何更改,这些更改可能导致您的站点不可用或崩溃。相信我——它最终会发生。