提高电子商务网站性能的 5 种方法

不断增长的市场和日益激烈的竞争使电子商务店主寻找从人群中脱颖而出并影响客户行为的方法，迫使他们进行购买。 但是，阻碍销售的主要因素之一是网站性能缓慢。

根据Radware的研究，如果一个网站的页面没有快速加载，访问者需要 3 秒才能放弃该网站。 此外，79% 对网站性能不满意的客户不太可能再次从商店购买。 最重要的是，在搜索引擎优化方面，速度是一个直接的排名因素，因为谷歌不会让性能缓慢的网站出现在顶级搜索结果中。

在分秒必争的电子商务世界中，如果网站运行缓慢，每个业务指标都会受到影响：每日访问率、转化率、跳出率、搜索排名、页面浏览量，最重要的是销售额和收入。 即使页面响应延迟一秒，也会导致转化率下降 7% 。

听起来网络性能至关重要，不是吗？ 在本文中，我们将确定电子商务店主常犯的错误，并概述提高 Web 性能和速度的方法。

如何识别主要性能问题以加快网站速度优化？

性能完全由数据衡量。 衡量该指标的最简单方法是使用电子商务分析工具对其进行测试，该工具专为网站管理员和店主设计，以监控他们的项目，提供最新的性能优化。

以下是一些可用于跟踪您的网站性能的工具：

• 谷歌 PageSpeed 见解

谷歌制作的工具不仅可以报告桌面和移动设备上的页面速度，还可以就必须如何改进页面以实现更好的结果提供可操作的建议。 Google PageSpeed Insights 的主要功能是提供现场和实验室数据。 最后一个基于中间层设备 (Moto G4) 上的模拟加载页面和一组固定的网络条件。 实验室数据可用于调试性能问题。 至于现场数据，它是一种关于 URL 执行情况的历史报告，它基于来自不同设备和网络条件的真实用户的匿名性能数据。 这些数据对于确定真实的用户体验很有用。 将这两个数据放在一起并分析，用户可以全面了解网站的性能。

• GTMetrix

它是一个易于使用的在线工具，用于测试网站加载时间，将结果分配为从 A 到 F 的等级，并提供有关您网站特定问题的大量详细信息，例如，它提供有关哪些方面的详细信息大多数时间加载以了解要进行的调整。

• 关键CDN

除了提供全页速度测试以获取有关网站性能的概述和详细报告外，该工具还具有各种其他有用的功能。 例如，用于验证 URL 是否通过 HTTP/2 协议传递的 HTTP/2 测试。

既然您知道如何使用各种工具测试您的电子商务商店的性能，让我们仔细看看应该调整网站的哪些方面以及应该采取哪些步骤来提高性能优化。

#1 改进您的托管解决方案

托管类型以及物理服务器的密度和负载是影响电子商务商店性能的常见罪魁祸首。 托管资源的缺乏会导致网站性能下降，长时间的停机导致潜在客户和销售收入的不可避免的损失。

托管解决方案的选择取决于商店的规模（它接收的出站流量、每天的订单和访客数量）以及它所基于的 CMS。 因此，例如，基于 Magento CMS 的大型或中型商店与简单的共享托管不匹配。 要托管这样的商店，您至少需要可扩展的 VPS、云或专用托管，它们可以管理销售或节假日期间的流量高峰。

#2 减少服务器响应时间和 HTTP 请求数

大量服务器请求会对决定受众与商店互动程度的关键指标产生负面影响。 请求越多，响应时间越长，页面加载所需的时间就越长。 每个 JS 和 CSS 文件、每个脚本、样式表、嵌入的视频或图像都意味着一个额外的 HTTP 请求。

减少服务器请求需要对网站后端进行更改。 但是，这些更改应该取决于旨在显示您的网站降低性能的方面的复杂审计。

为了最大限度地减少服务器请求，网站管理员可以执行以下操作：

• 将所有 JavaScript 资源合二为一，每个页面只使用一个样式表（您可以使用 Apache Ant 或 pkd.io 等软件来自动化该过程）。
• 删除不必要的图像或通过使用 CSS sprites 技术将多个图像组合成单个图像来优化它们（有一些工具 - Spritegen、CSS Sprite Tool - 允许您将图像组合到一个文件中）。
• 优化您的数据库。 就您的网站积累信息而言，存储在数据库中的海量数据是系统的瓶颈。 当查询时间过长时，数据库或配置不正确的数据库服务器可能会成为一个真正的问题。 网站数据库优化的过程包括删除无用的条目、切换到平面目录以减少数据库查询、更新数据库版本、为大表添加索引等安排。
• 配置缓存以通过在未来访问期间重用文件来确保快速交付给访问者。 例如，您可以安装Redis (PDF)，它是一个开源、内存中的数据结构服务器。 它可以用作分布式服务器缓存或存储经常需要的数据的数据库。
• 将您的网站设置为异步加载 JavaScript 文件。 它允许网站内容同时呈现多个页面元素。
• 通过删除冗余和长变量、注释、不需要的字符来缩小和压缩代码的大小。
• 消除臃肿软件（程序、插件、占用空间但不提供价值的应用程序）。

#3 使用第三方扩展

除了默认功能外，还有许多可用于提高电子商务网站性能的扩展。 通过性能扩展，您可以调整部分代码、利用浏览器缓存、优化图像大小、针对特定用例优化网站、缩小 HTML/JS/CSS（在某种程度上）并修复最明显的性能问题。

但是，考虑到扩展并不是解决所有网站问题的灵丹妙药，不要指望它们能解决任何复杂的问题。 任何扩展都无法像经验丰富的开发人员一样理解代码库。

此外，每个新扩展都会向服务器添加一个单独的 HTTP 请求。 服务器处理请求需要更多时间，从而影响页面加载速度。 因此，如果您的在线商店具有复杂的代码结构，您已经加载了许多第三方扩展，或者您的 CMS 是高度定制的，那么使用性能扩展并不是一个好主意。 例如，对于 Magento 支持的电子商务商店来说，这些商店的性能很难优化，第三方扩展可能是导致他们无法解决的问题更多的原因。 在这里，将优化过程委托给提供Magento 性能优化服务的公司是合理的。

#4 切换到 Elasticsearch

Elasticsearch 是一个开源搜索引擎和分布式文档存储，用于存储和检索数据结构。 它于 2010 年开发，其全文搜索引擎是用 Java 编写的。 Elasticsearch 是一种主流工具，许多领先的电子商务品牌都使用它来实时存储、分析和搜索大量数据。

就搜索是商店的主要功能之一而言，Elasticsearch 为电子商务商店所有者提供了提高感知和实际性能的机会。 这是一个很好的策略，可以在不花费大量资金的情况下提供快速的用户体验。

无论是 WooCommerce、Shopify 还是 Magento，Elasticsearch 都可以与每个 CMS 一起使用，并且对于那些由于大量查询导致网站数据库过载而运行缓慢的在线商店非常有帮助。 作为奖励，Elasticsearch 有一个奇怪的特性——它比默认搜索更能理解复杂的搜索查询。

#5 使用延迟加载更快地加载媒体内容

电子商务网站的典型有效负载中的视频、音频和图像的比例可能很大。 但店主可能不愿意从他们的网站上删除媒体内容。 延迟加载（或按需加载）可以在这里发挥作用。 这是一种媒体内容优化技术，可将“非关键”或“屏幕外”文件的加载推迟到需要的时刻。 根据设置，该模式可以出现在应用程序的不同时刻，但它通常发生在某种用户交互上，例如滚动、单击或导航。

就我们可能加载用户可能永远看不到的东西而言，这会带来问题，原因有以下几个：

1. 浪费电池和其他系统资源；
2. 它会浪费数据（对于有限数据计划的用户来说至关重要）。

如果使用得当，图像和视频的延迟加载可以减少初始页面重量和初始加载时间，所有这些都会对性能产生积极影响。

然而，该技术的使用有几个陷阱。 首先，它的实现需要在现有代码中添加额外的代码行，这使得它变得复杂。 其次，由于未加载内容的不正确索引的可能性，该模式可能会在一定程度上影响您的搜索引擎排名。

总结

毫无疑问，没有精通技术的企业主很难定义网站的哪些方面需要修复。 更不用说不是每个人都可以优化电子商务商店以获得更好的速度和性能。 有很多问题可能会变成瓶颈，如果您认为您的网站运行方式错误，最好寻找一家提供优化服务的公司，该公司在网站开发和优化方面具有扎实的专业知识。