提高您的电子商务商店的 WooCommerce 商店性能

无论身在何处，所有互联网用户都可以访问您的 WooCommerce 商店吗？ 商店性能问题是商店所有者优先考虑的核心问题，也是 WooCommerce 托管的核心，以确保您的在线商店在 Internet 上的活动和可见性。

为什么要提高 WooCommerce 商店的性能？

优化用户体验：

客户保留在很大程度上取决于所访问商店的提升 WooCommerce 商店绩效。 至于用户体验，有 3 个要素很突出，必须加以监控：

1、网站显示页面的速度（响应时间超过3秒有40%的访问者放弃浏览）
2. 下载页面元素所需的时间
3. 浏览器在处理页面元素时的流动性

提高移动/网络性能：

随着移动设备（智能手机或平板电脑）的普及，用户不再满足于他们的台式机或笔记本电脑。 这导致更复杂的操作环境。 移动 Web 用户的期望越来越高：85% 的人期望加载时间与 PC 一样快。

优化自然参考：

托管服务器的响应时间是搜索引擎衡量的标准。 这提高了新网页的索引速度，并允许深入索引更多页面。 Google 建议平均 1.5 秒显示一个网页。

控制成本：

有越来越多的数据需要存储、操作和利用。 对 WooCommerce 商店绩效的有效管理可以优化成本。 这导致：

资源消耗较少的在线商店
在高峰时段提供更好的可用性

WooCommerce 商店的测试加载时间：

第一步显然是了解为您的商店提供服务的性能。 为此，存在许多强大的工具，并给出了必须绝对改变或改进的指标。 这里有3个性能评估工具：

Pingdom 工具
GTmetrix
谷歌 PageSpeed 见解

和在学校一样，这里的目标是在这些不同的工具中获得最大的赔率。 这将首先通过改善用户体验来优化您的转化率。 此外，由于 Google 宣布在其算法中考虑了加载网站的速度，因此您将受益于更好的参考。

然而，应该注意的是，有必要知道如何区分原始速度（代码加载）和用户实际感知的速度。 我们说的是后者，用户面临的就是后者。

您越来越多地听说将网站性能作为搜索引擎定位标准。 这个因素包括几个指标，可以让 Google 的算法判断您的电子商务商店是否快速，并将其与其他因素相关联以确定您的产品页面的位置。

我们将在这里处理 10 个重要的问题：

1. WooCommerce 虚拟主机
2.图像优化
3.安装缓存插件
4.集成WordPress CDN
5. 对 CSS 和 JS 文件进行分组
6. 使用 CSS Sprites
7. 最大限度地减轻页面
8. 数据库优化
9. 资产的子域
10.启用Gzip压缩

1. WooCommerce 虚拟主机：

要选择 WooCommerce 托管，不要通过直接选择最便宜的方式自动认为“经济”。 如果您的 WooCommerce 商店托管不当，这可能包括停机时间和不安全性。

你自己肯定是访客！ 如果在您的商店中发现威胁，那么您肯定会去找竞争对手。 一个好的主机必须适应您的需求； 博客、流量少或流量高的网站的需求不同。

为了不被欺骗，请不要犹豫联系可以为您提供建议的专业人士。

要拥有一个始终快速显示的 WooCommerce 商店，必须拥有像 Cloudways 这样的好主机，它可以确保稳定性、功率、可用性和安全性。 这已经不是什么秘密了，我们必须设定一个最低预算。

该等式将取决于许多参数：服务器（硬盘质量、性能等）、冗余（服务器数量的倍增以克服故障问题）、服务（快速干预等）。

WooCommerce 的网络托管是保证优质服务的关键要素之一。 一定要选它！

Kinsta 是托管您的 WooCommerce 网站的另一个绝佳选择。 他们高度安全和速度痴迷的架构使他们能够轻松处理流量激增，对于 Woocommerce 解决方案，他们提供自动缩放、每日备份、WooCommerce 优化的服务器环境和一组很棒的可选插件。

2. 图像优化：

图片是影响网站加载时间的首要因素。 许多店主忽略了 SEO 的这一重要方面，并且满足于在没有任何优化的情况下插入图像。

看到人们直接从他们的数码相机上传照片到他们的网站的情况并不少见，即使它们重达几兆字节。 然而，有一些简单的技巧可以解决它！

有几种工具和方法可以让您优化图像。 第一个技巧是在使用 Photoshop 创建视觉效果时“为网络保存图像”。

这使它们能够自动优化并适应网络。 还有诸如 TinyPNG 和图像压缩插件之类的工具可用于删除所有增加图像权重的无用数据。

3.安装缓存插件：

您可以选择将产品页面的静态元素存储在客户端。 例如徽标。 这减少了显示网页的服务器请求数量。

原理很简单：在第一次访问 WooCommerce 商店时，静态文件存储在用户的浏览器中。 在下次访问时，该页面几乎立即显示，因为在服务器上进行的查询较少。 这是优化加载时间的有效方法。

为了获得缓存的好处，有几个可用于创建缓存系统： Breeze - 例如，免费的 WordPress 缓存插件。

4.集成WordPress CDN：

内容交付网络 (CDN) 是提高 WooCommerce 商店性能的另一个重要参数，但 WooCommerce 商店没有充分利用它。 WordPress CDN 的操作如下：不是从单个服务器加载页面的所有元素，而是通过位于世界各地许多数据中心的服务器网络。

为什么？ 用户离服务器越远，加载时间就越长。 通过多台服务器，CDN 可以从离每个访问者最近的一个或多个服务器传送缓存页面。 因此，您的静态内容可在全球最多的地方使用。

5. 分组 CSS 和 JS 文件：

为了尽可能减轻您的商店负担，我们建议您压缩 CSS 和 JS 文件（Breeze 缓存插件可以做到这一点）。 让我们明确一点，网站现在因使用越来越多的 JavaScript 和 CSS 代码来工作而不堪重负。

这会导致一些积极的事情，但也会导致商店的重量增加，从而导致速度变慢。 正如我们为图像向您解释的那样，有必要通过对代码进行分组来尽可能减少这些文件的重量。

6. 使用 CSS 精灵：

提高 WooCommerce 商店性能还意味着使用所谓的 CSS Sprites 技术。 这种做法在之前的视频游戏（2D）中广泛使用，允许使用包含多个其他图像的单个图像。 网页设计师选择了他想要用于“背景位置”属性的图像。

更具体地说，想象一下你的 WooCommerce 商店有 Twitter、Facebook、Instagram、Pinterest、RSS 和 YouTube。 您可以将这六个图像收集到一个文件中，而不是每个按钮都有一个图像。 然后，您可以为上述所有图标使用单个图像文件。

7. 最大限度地减轻页面

俗话说，重要的不是数量，而是质量。 建议避免使用过多的视频、滑块、图像甚至商业广告使您的 WooCommerce 商店超载，因为这会大大降低商店的速度。 效率不等于超载，更多的是在网络领域。

特权轻量级和简单的页面，这只会提高您的知名度，但也会提高加载商店的速度。

8. 数据库优化：

数据库存储您的内容，例如您的产品图片、博客文章、配置等。问题在于，当它们工作时，它们会创建可以优化的繁重文件。 这就是为什么最好优化您的 WooCommerce 数据库。 此外，请务必配置您的数据库服务器。

所以构建好你的表，做一些高效和可靠的事情（如果你手工编码），并随时通过你可以在 Internet 上找到的 SQL 查询来优化它。 同样，在您的配置中设置客户比率以及不同的战略点。

请注意，您可以使用 WordPress 插件目录中提供的 WP-DBManager 插件来优化 WooCommerce 商店。

9. 资产子域：

图像或媒体的另一个优化：创建专用于资产的子域。 当您连接到网页时，您的浏览器默认使用一定数量的子域连接（4、6、8 ...）。 它是一种 HTTP 请求队列。 这设置了限制，因为它必须等到一个请求完成才能启动另一个请求。

但是，如果您为图像和视频设置了多个子域，例如，这将允许您同时启动多组 HTTP 连接，这将允许一方为它们管理和创建队列：查询“标准”。

另一方面，为您的请求创建一个不同的队列：“图像/资产”。 这使得以某种方式共享资源成为可能。

10. 启用 Gzip 压缩：

当用户访问您的商店时，系统会调用您的服务器以发送请求的数据以供显示。 数据可以是图像、样式表或 JavaScript 文件。 不用说，数据量越大，将它们加载到浏览器中所需的时间就越长。

幸运的是，Gzip 压缩有助于减少数据的大小。 如果您的服务器上启用了 Gzip，则会在浏览器上加载所请求网页或文件的压缩版本。

然后浏览器在解释它们之前解压缩接收到的数据。 最后，Gzip 压缩有助于减少传输信息的大小，从而显着减少加载时间。

通过这 10 种方法，您一定会优化 WooCommerce 的提高 WooCommerce 商店性能。 可以使用其他技术来进一步优化：服务器缓存等。但是如果您使用了我们在本文中介绍的技术，那么您已经完成了大部分工作。

关于作者：

Saud Razzak 是 Cloudways 的 WordPress 社区经理——一个托管的 WooCommerce 托管平台。 Saud 负责在全球社区中创造嗡嗡声、传播知识和教育人们关于 WordPress 的知识。 空闲时间，他喜欢打板球和上网学习新事物。