in

15个影响电子商务网站加载时间的因数

网站加载速度慢

在过去的几年里,网络变得越来越快,部分原因是现在有更多的人拥有宽带互联网,部分原因是用户对网站应该如何运行的期望越来越高。(甚至谷歌现在也使用网站速度作为排名因素。)

但是,电子商务网站是否也变得更快了?令人惊讶的是,正如Radware 的研究表明的那样,美国 500 强零售网站实际上比一年前慢了 16% 。电子商务网站的平均加载时间从去年的 7.36 秒增加到 8.56 秒。

现在,请考虑以下统计数据:如果一家企业的网站加载时间超过 4 秒,则该企业将失去大约 25% 的在线访问者。因此,除非您是亚马逊并且人们无论如何都会等您,否则您的电子商务网站可能会因为加载速度慢而错失大量访问者。


总览 – 改进电子商务网站加载时间的10个方法

  • 优化图像:压缩图像文件大小,使用适当的图像格式(如JPEG和PNG),调整图像尺寸以适应网页显示,并使用图像优化工具。
  • 减少HTTP请求:通过合并CSS和JavaScript文件,使用CSS精灵技术,减少外部资源的使用,最小化页面上的文件数量来减少HTTP请求。
  • 使用浏览器缓存:设置适当的缓存头信息,以便浏览器可以缓存页面的静态内容,从而减少重复的文件请求。
  • 使用内容分发网络(CDN):借助CDN的全球服务器网络,将网站内容分发给用户最近的服务器,加快内容的传输速度。
  • 优化代码:精简和优化HTML、CSS和JavaScript代码,删除冗余代码和空格,使用压缩和缓存技术。
  • 使用快速的主机服务:选择可靠且高性能的虚拟主机服务提供商,确保服务器能够快速响应请求。
  • 最小化重定向:减少页面的重定向次数,优化重定向链路,使用服务器端重定向而不是客户端重定向。
  • 压缩文件:启用Gzip压缩技术,减少文件传输大小,加快页面加载速度。
  • 优化数据库:优化数据库查询,删除不需要的插件和扩展,确保数据库查询的效率。
  • 定期更新和维护:更新内容管理系统(CMS)和插件至最新版本,修复漏洞和错误,确保网站的安全性和性能。

以下是可能会降低电子商务网站速度的 15 个原因:

1. 功能有限的 CMS

首先,了解一些内容管理系统 (CMS) 是为一般网络发布目的而构建的,而其他一些是专门为电子商务设计的:

因此,某些内容管理系统对于电子商务网站而言可能不够灵活(也就是说,不够灵活,无法让您进行我将要告诉您的调整),或者它们可能在流量高峰期间表现不佳。

这是否意味着电子商务本地人始终是最佳选择?不必要。许多站点所有者认为 WordPress + WP 电子商务插件或 Drupal Commerce 的组合也同样有效。最后,CMS 的选择取决于您在线商店的需求。

有时值得一键式托管解决方案(通常包括托管、CMS、统计等),特别是如果您不是那么精通技术并且没有预算的话。以下是当今市场上一些流行的托管电子商务平台:

托管解决方案使用

趋势来自BuiltWith网站

顺便说一句,选择托管解决方案很可能会让您不必担心设置本文中提到的参数。但是,如果您更像是一个 DIY 网站所有者,或者您想省钱,那么请继续阅读。前面有很棒的东西。

2. 平庸的虚拟主机

运行电子商务网站通常意味着网络流量无法控制、托管大量数据、添加多媒体内容等。

因此,您选择的虚拟主机需要:

  • 可靠(良好的正常运行时间、高性能服务器等)
  • 灵活(让您按照自己喜欢的方式配置事物)

还需要考虑的一件事是,最好为您的帐户获取专用 IP 地址。根据GoDaddy 的说法,专用 IP 可以“在高流量负载期间确保更快的响应”。(如果您的站点使用 SSL 证书,这意味着已经为您分配一个专用 IP,因为它需要建立 SSL 连接。)

其他流行的电子商务就绪网络主机包括:

如果您已经在使用托管电子商务服务,则无需购买额外的网络托管服务。

3、大量的DNS查询

另一个可能影响站点速度的因素是加载站点所需的 DNS(域名系统)查找次数。

在浏览器可以加载页面之前,它必须找出哪个 IP 地址对应于人们通常用来定位它的“漂亮”域名(例如,Apple.com)。为此,浏览器会咨询 DNS 服务器(即执行 DNS 查找)。它看起来像这样:

“漂亮”的域名:Apple.com

其对应的 IP 地址(浏览器需要):17.149.160.49

理想情况下,加载一个页面应该只需要一次 DNS 查找(平均长 20-120 毫秒)。但是,如果您的页面嵌入了 YouTube 视频、Twitter 提要和其他必须从外部资源获取的内容怎么办?

这会增加所需的 DNS 查找次数,进而减慢您的网站速度。为防止这种情况发生,请尽可能少地从外部资源获取数据。(例如,不要热链接到图像,而是将它们上传到您的服务器。)

更重要的是,对于重要的网页(如登陆页面、您的主页或结帐页面),请务必尽量减少外部资源。

4. 过多的 HTTP 请求

本质上,站点是数据文件的集合。现在,假设每次浏览器需要从您的服务器获取文件时都需要一个单独的 HTTP 请求。如果浏览器继续以这种方式获取您网站的文件,则该网站将需要很长时间才能加载。

因此,要减少 HTTP 请求的数量,您可以:

使用CSS 精灵。尽管名字很吓人,但 CSS 精灵只是将一组图像组合成一个。例如,如果您需要加载同一个按钮的两个版本(活动和非活动),您可以将它们捆绑在一起。这样一来,只需要一个HTTP请求就可以获取到整个CSS sprite(图像包),然后就可以根据情况显示合适的图像了。

CSS精灵

在您的服务器上启用 KeepAlive 连接。通常,浏览器可以为每个 HTTP 连接发出一个 HTTP 请求。但是,如果启用了 KeepAlive 连接,浏览器将能够通过同一个 TCP 连接发送多个 HTTP 请求(数据请求)。

不过,需要记住的重要一点是,启用 KeepAlive 会导致文件密集型连接占用太多服务器 RAM。为避免这种情况,请设置每个连接允许的最大请求数,并让 KeepAlive 在默认的 15 秒之前超时,以防止它停留太久。

5. 不使用 PHP 加速器

PHP 加速器的作用是提高 PHP 应用程序的速度,从而导致“网页生成吞吐量提高 2 到 7 倍”。

虽然很难想象您的服务器上还没有安装这样的加速器,但请与您的网站管理员/网络主机联系以确保有一个。一些广泛使用的 PHP 加速器包括:

如果您的站点是用 PHP 以外的编程语言编写的,则很可能不需要加速器。(例如,Java 站点不需要相应的工具。)

6. 不使用 Gzip 压缩

Gzip 压缩允许服务器在将站点文件返回给浏览器时对其进行压缩,这样可以减少交换文件的大小,当然也可以缩短加载页面所需的时间。根据Google 的说法,此功能可以将一个页面和样式表的文件大小减少多达 70%。

希金斯:嘿,网络服务器。把你的网页发给我。还有,你支持 gzip 吗?

Khaw:不,我真的不支持 gzip。这是您的网页。

希金斯:[呻吟]

Khaw:嗯,也许我需要支持 gzip。

Kalid Azad 提供了一个关于如何在服务器上启用 gzip 压缩的很棒的教程。但是您可能应该与您的主机/网站管理员核实,以了解它是否已启用。

此外,在 gzipping 之前,您可以通过使用任何可用的第三方工具缩小 JS/CSS 来使文件更小:

通过从代码中删除冗余字符和空格来实现缩小。

7.重定向太多

每个重定向都会触发一个 HTTP 请求-响应循环。因此,如果您只是必须使用重定向,请确保:(a) 您确实需要它们,并且 (b) 您在每种情况下都使用了可能的最佳解决方案。

以下是 Google 建议不要使用的一些重定向类型:

  • 重定向到已知重定向到其他页面的页面
  • 不止一个重定向到给定的来源
  • 从不真正提供内容的域重定向,例如从您的域的拼写错误版本重定向

此外,建议网站管理员尽可能使用 HTTP(服务器端)重定向而不是 JavaScript/元(客户端)重定向。这是因为浏览器通常可以更有效地处理前者,从而最大限度地减少页面加载时间。

8. 页面上的失效链接

断开的链接是指向不存在的网页的超链接。因为访问此类页面的尝试仍然需要 HTTP 请求(充其量),基本上,这是在浪费页面的加载时间。

因此,养成定期检查站点是否存在损坏链接的习惯。您可以使用以下方法检测断开的链接:

这些断开的链接检查器要么是免费的,要么有免费版本可用。

9. 不使用浏览器缓存

什么是浏览器缓存?想象一下,你去图书馆,图书馆员在前台有一本经常被要求的书(本季畅销书),而不是放在档案室。

每个网站都有静态组件,例如图像、样式表等,可以将它们缓存(保存)在浏览器中以供进一步使用。此类页面组件通常在站点的所有页面中保持相同,并且不会经常更改。

导航链接和浏览器缓存

这使浏览器无需在访问者每次移动到另一个页面或在 5 分钟后重新进入网站时从服务器检索它们。

10. 不保持 CMS 更新

建议始终升级您的内容管理系统 (CMS)、您的插件和您的网站所依赖的其他软件(到最新版本)。这将使您使用的软件没有错误,并让您获得可以提高站点速度和性能的新功能。

11.超大图片

根据 Radware 已经引用的研究,在网络上排名前 100 位的电子商务网站中,大约 45% 不会费心去压缩他们的图像。

当然,网站上的图片越大,体积越大,加载时间也越长。顺便说一句,在将图片上传到内容管理系统后更改图片的大小并不能解决问题。图片的大小保持不变(至少在 WordPress 中是这样)。

那么,如何使图像变小呢?您可以使用 PhotoShop 自己完成(如果您知道要调整哪些参数)或使用图像优化工具来为您进行必要的更改:

通常,由于以下原因,图像会变小:

  • 从调色板中去除不必要的颜色
  • 转换为更合适的格式(图形使用png ,色彩丰富的照片使用jpeg ,动画图像使用gif
  • 剥离冗余元数据
  • 使用智能压缩方法

同样,如果您觉得自己可以在 PhotoShop 或任何其他类似程序中完成,请尝试一下。这是一个很好的教程

12. 不设置图像尺寸

在这种情况下,设置图像尺寸意味着在您的网站代码中指定它们的宽度和高度。

这样,当浏览器开始呈现页面时,它不必等待图像完全加载。它将能够简单地为页面上的图像分配一个框并继续前进,因为它已经知道它的尺寸。

高级图像设置

在 WordPress 中设置图像尺寸

13. 不使用内容分发网络

内容分发网络 (CDN) 本质上是一个由附加服务器组成的网络,用于向用户分发站点内容。使用 CDN 的美妙之处在于,您的视频、图像、CSS 文件或 JavaScript 等内容可以从多个服务器集中收集到一个(甚至离您的用户更近的服务器!),从而促进它们的交付。

您会看到,浏览器只能与一个域建立有限数量的同时连接。但如果您使用 CDN,这个限制就会解除。流行的内容交付网络包括:

然而,应该提到的是,内容交付网络并不便宜,在求助于 CDN 提供商之前,您可能会选择用尽其他方法来加速您的站点。

请务必先咨询专业的 SEO 顾问,了解 CDN 如何影响您的图片搜索流量。

14.缺少优化的移动解决方案

如果速度在桌面上很重要,那么它在移动设备上也绝对至关重要,因为移动设备和浏览器的数字肌肉力量较弱,无法呈现庞大的网站。

因此,为了提供良好的用户体验,您网站的移动优化版本需要比桌面版本更简洁、更灵活。(例如,iPhone 在未压缩模式下不会缓存大于 25K 的组件!)

在为您的移动用户选择最合适的解决方案时,网站所有者通常会在以下两者之间做出决定:

  • 本机应用程序
  • 一个单独的移动站点
  • 响应式设计网站

网站速度表

15. 臃肿的社交分享按钮

尽管如今在许多电子商务网站上都是不可或缺的东西,但社交分享按钮有时能够为您的网站增加超过 500KB!

因此,请检查您的社交分享按钮有多大以及加载它们需要多长时间。使它们更轻便的方法之一(正如Optimalworks 的 Craig Buckler 所建议的那样)是使用基于 URL 的社交共享按钮。

您如何测试站点速度?

网上有很多不错的(免费的)网站速度检查器。这是我个人最喜欢的 2 个(提供详尽、易于阅读的页面加载统计信息):

7 网页性能测试

好的,就是这样!现在,我要说的就是快乐的网站速度优化!

如果您喜欢这篇文章,请与可能觉得有用的人分享。

Written by 河小马

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