in

提高网站加载时间的十个原则

您的网站加载速度有多快?

您可能很少考虑这个问题,但这可能是您网站最重要的方面。

这是因为有 47% 的人希望页面加载时间在两秒钟或更短的时间内完成。如果不能达到这个标准,将会影响您的转化率。

实际上,53% 的网站访问者会在加载时间超过三秒钟后放弃页面。

如果您的网站出现了高跳出率和低转化率,页面加载速度可能是问题所在。值得注意的是,设计简单的网站具有更高的转化率

简而言之,您的网站加载时间越长,页面放弃率越高。

下面是您需要考虑的另一点。人们很没有耐心 – 由于加载时间过慢,87% 的人放弃您的网站后将不会再返回。

没错。

消费者习惯了即时的结果。

如果您无法提供他们所寻找的内容,他们将访问加载速度更快的竞争对手的网站,并且不再回头。仅仅一秒的延迟可能会让您损失大笔资金。

提高页面加载时间将会 优化客户体验,最终帮助您增加收入。

除了 优化您的网站设计原则,您还需要了解影响加载时间的元素,并纠正您可能犯的任何错误。

但是从何处开始呢?

我们确定了提高网站速度和加载时间的主要原则。请按照此列表进行操作,并在您的网站上实施这些方法。

1. 减少http请求

如果您对技术术语不熟悉,不用担心 – 我们将尽可能保持简单。http是超文本传输协议的缩写。

这些请求和响应在网络的一个点与另一个点之间传输数据。

当您输入网站地址时,您告诉浏览器建立一个响应url的tcp连接。您的计算机或使用的设备将向服务器发送http请求以打开页面。

根据雅虎的 研究,下载网页的不同部分占据了80%的加载时间。

长时间加载会增加您的跳出率。

如果页面上有很多元素,如脚本、图片和样式表,每个元素都会有一个http请求。

为了减少这些请求,请查看您网站的开发者工具。这将告诉您每个元素加载所需的时间,并显示每个页面上的总请求次数。

删除任何不必要的文件。

您还可以将一些文件合并在一起,但我们将在稍后详细讨论这个概念。

2. 提高ttfb

ttfb代表首字节到达时间。

基本上,这是网页浏览器需要等待直到从服务器接收到第一个字节数据的时间。根据 谷歌,您的ttfb应该小于200毫秒以获得最佳性能。

以下是您的服务器可能无法快速响应的一些潜在原因:

  • 路由缓慢
  • 内存饥饿
  • 框架
  • 数据库查询缓慢
  • 应用逻辑缓慢
  • cpu资源饥饿

一旦你能够确定响应时间为何如此之高,你就可以改善你的ttfb。

研究显示,在pantheon上运行网站的中位数ttfb比在其他替代方案上运行的网站快约三倍:

如果你想改善首字节时间,你可能要考虑这些信息。

这将有助于加快dns查找、服务器处理和响应时间。

3. 减少服务器的响应时间

你的页面加载速度与dns查找时间直接相关。

dns代表域名系统。它是一个带有ip地址和主机名称的数据库服务器。

当有人在web浏览器中键入网站url时,dns服务器将该ip地址转换为显示其在互联网上的位置。

ip地址是一长串数字。这消除了用户需要记住这些不同数字组合的需求。

但如果这一步骤太长,你可能要考虑转向具有更快服务的dns提供商。

慢速dns会增加web浏览器定位你的站点所需的时间。通过加快这个过程,你将加快整体页面加载时间。

4. 启用缓存

当有人访问一个网站时,他们访问的每个页面的元素都会被临时存储在硬盘上,这称为缓存。

当他们再次访问同一个网站时,浏览器可以使用存储的数据加载页面,而不需要向服务器发送另一个http请求。

这与我之前对减少http请求的讨论有关。这对于那些使用视觉元素改善网站的人来说是一个很好的选择。

启用缓存将加快重复访问您网站的用户的加载时间。

这是重要的,因为你希望满足经常浏览你的网站的用户。

5. 缩小和合并文件

正如你刚刚看到的,你网站上的每个文件都会增加加载时间。

这是因为它们需要额外的http请求。这适用于所有html、javascript和css文件。

但是你可以减小这些文件的大小,而无需删除它们,这是我们之前讨论过的。

我们建议尝试使用wordpress rocket插件或类似的程序:

如你所见,这个插件让你只需点击几下就能简化和合并这些文件。

那么这对你的页面有什么影响呢?

基本上,缩小文件会简化它们。它将去除不必要的字符,如空格、换行、格式和注释。缩小文件会消除代码不需要的内容。

合并文件就像它听起来的那样简单明了。

例如,假设你网站上的一个页面有六个javascript文件和八个css文件。通过合并相似的文件,你只需发送两个http请求,而不是14个。

但如果你使用http/2,合并过程对你的加载时间的影响就不会那么大,因为几个请求可以同时进行。

6. 实施异步加载

在合并和缩小javascript和css文件后,你可以优化它们在页面上的加载方式。

加载css和javascript文件有两个选项:

  • 同步加载
  • 异步加载

同步加载脚本意味着它们一次加载一个。加载顺序由它们在页面上的位置确定。

异步加载将同时加载一些脚本。实施这种加载策略将加快您的网站速度。

同步加载可能会降低页面加载速度:如果只有一个文件出现问题或加载时间过长,其他内容将无法启动,直到该文件加载完成。

7. 选择最佳的托管选项

当涉及到托管网站时,大多数人犯了选择最便宜选项的错误。

当然,现在可能是可行的选择,但这不是长期解决方案。

随着您的网站流量增长,您将需要升级您的托管。您有三种托管网站的方式:

  • vps托管
  • 共享托管
  • 独立服务器

在大多数情况下,共享托管将是最便宜的选择。那是因为您将与其他托管在同一服务器上的网站共享ram和磁盘空间等资源。

如果您决定使用vps托管,您将与其他网站共享服务器空间,但您将拥有自己的资源部分。

这就是共享托管和vps托管之间的区别:

vps托管将更加昂贵,但如果您有更多的网站流量,这将是有益的。这也将使您更容易交付更多资源密集型的内容。

独立服务器将给您最多的空间。

因为从服务器资源到您的网站有一条直接线路。但这种类型的托管需要您做更多的工作。

设置稍微复杂一些,您需要一个有经验的人为您配置一切。

虽然独立服务器是最昂贵的选择,但它将为您提供对您的网站最大的控制。如果您的流量导致加载时间缓慢,请考虑更新您的服务器托管。

8. 消除不必要的重定向

网站上有几个不同的重定向原因。

例如,如果您正在跟踪点击或将网站的不同部分连接在一起,浏览器将需要从一个url重定向到另一个url。

但这会增加延迟并添加额外的http请求。显然,您希望避免这种情况。

不要为同一资源设置多个重定向。如果必须要有重定向,它应该直接从起始点到目标页面。

每当资源更改位置时,您的url引用应始终更新。不要在您的页面上引用重定向到其他url的url。

如果有多余的域名导致重定向但没有任何用途,请完全摒弃它们。

9. 安装google pagespeed

google pagespeed对您的加载时间有很多好处。

它会更改网页上的资源以改善带宽使用和延迟。

在服务器上安装google pagespeed后,它将自动使用所有最佳的网页性能实践。您不需要更改内容。

仅安装此软件就可以帮助您加快页面加载时间。

10. 压缩您的文件和图片

如果您有小文件,您的页面将加载得更快。

改善加载时间的最简单方法是使用gzip来压缩您的文件。

要查看是否启用了gzip,请使用这个 gzip压缩工具:

这将向您显示压缩文件的总大小与未压缩数据的比较报告。

除了压缩文件,您还应该压缩图片。对于使用wordpress的用户,我们推荐使用类似smush图像压缩插件。

结论

无论您拥有何种类型的业务或从事何种行业,如果您拥有网站,您需要优先考虑页面加载时间。

加载缓慢的页面会导致用户放弃访问您的网站。其中大多数用户将不会再返回。

这显然是一个转化的杀手。

为了防止这种情况发生,您需要了解影响网站加载时间的不同因素。

将本指南用作参考。不要感到不知所措。

如果您需要进行大量更改,您不需要一次实施所有更改。但我们建议您尽早开始进行这些更改。

遵循本列表中的提示将帮助您的网站加载更快。

您的网站哪些元素需要更改以提高页面加载时间?

Written by 河小马

河小马是一位杰出的数字营销行业领袖,广告中国论坛的重要成员,其专业技能涵盖了PPC广告、域名停放、网站开发、联盟营销以及跨境电商咨询等多个领域。作为一位资深程序开发者,他不仅具备强大的技术能力,而且在出海网络营销方面拥有超过13年的经验。