如何加快你的WordPress电子商务网站?

如果您通过此页面上的链接订阅服务,Reeves and Sons Limited 可能会赚取佣金。 查看我们的 伦理声明.

WordPress是世界上最受欢迎的内容管理系统。 如今,它不再仅仅用作博客工具。 相反,它可以为各种网站提供支持,包括电子商务。 事实上,使用WordPress构建的电子商务网站的数量一直在增加。 如果您正在运行WordPress电子商务网站,那么如何让它更快?

换句话说,你如何加速WordPress电子商务网站? 本文回答了这个问题,并为加速WordPress电子商务网站提供了有用的建议。 

优化WordPress电子商务网站:入门

图片学分: 

有多种方法可以构建和设置 WordPress 电子商务网站。 当然,所有这些方式都围绕使用特定的 WordPress plugin. 通常来说,一般来说, WooCommerce 是WordPress用户最受欢迎的电子商务解决方案。 显然,大多数优化和加速方法都围绕着 WooCommerce.

但是,如果您不是 WooCommerce 用户? 还有很多其他 plugin那里可以帮助您建立一个 WordPress 电子商务网站。 例如,您可以使用 Easy Digital Downloads 这样您就可以使用数字产品(而非实体产品)创建电子商务商店,依此类推。

与 WP 无关 plugin 或您使用的扩展程序,您仍然需要采取某些常见步骤来加速您的 WordPress 电子商务网站。 但在此之前,您需要知道您的网站可能有多慢!

测试速度

网站速度和页面加载时间的良好测试应在独立环境中进行。 因此,您应该使用远程服务器,可能来自多个位置。 这将排除浏览器缓存等因素,并为您提供页面大小,加载时间,瀑布等的真实图片。

诸如 Pingdom的GTmetrix 在这方面非常有用。 您可以在网站的URL上运行它,并查看结果以及可以改进的区域。

就WordPress电子商务网站而言,您应该在商店的主页上运行速度测试。 如果您正在使用 WooCommerce,请尝试在商店页面或单一产品页面上运行测试。

测试完成后,它将为您提供有关导致WordPress电子商务网站速度下降的确切报告。 例如,以下测试( Shopify的首页)显示,浏览器缓存,JS组合和较少的重定向可以增加页面加载时间。

当然,结果会因网站而异。 但是,它可以帮助您准确了解WordPress电子商务网站的加载速度。

现在,我们回到一个大问题:我们如何加速我们的WordPress电子商务网站?

托管和CDN

众所周知,您应该为您的WordPress电子商务网站选择可靠,优质和优化的网络托管解决方案。 不幸的是,今天的网络托管行业充满了通常提供低于标准服务的网络主机。 这可能会对您网站的性能产生负面影响。 无论您部署的优化方法如何,由于服务器缓慢而缓慢,您的WP电子商务网站可能无法加载更快。

值得庆幸的是,我们有一个比较指南,可以帮助您评估您需要的托管计划类型,以及哪个Web托管服务提供商可以满足您的需求。 一探究竟 点击此处.

话虽如此,永远不要低估一个 内容交付网络. 无论您的虚拟主机有多好,CDN 总能使它变得更好更快。 如果您的电子商务商店在世界各地或不同国家/地区拥有客户,则必须使用 CDN。

实质上,内容交付网络通过从地理位置不同的服务器群集提供其页面来加速您的网站。 例如,假设您的网站托管在位于佛罗里达州的服务器上。 现在,如果来自曼谷的用户访问您的网站,则需要更长的时间来加载该网页。 这是由于地理距离,多个互联网服务提供商等。另一方面,如果您使用的是内容分发网络,CDN将从距离曼谷更近的地方提供您网站内容的副本。 当然,这将增加页面加载时间并更快地提供内容。

CloudFlare的MaxCDN 是与WordPress电子商务网站集成的两种流行选择。 您甚至可以使用CloudFlare的免费计划来测试水域,但为了获得最佳性能,付费计划是一项很好的投资。

优化图像

图像是任何电子商务商店的重要组成部分。 为了缩短页面加载时间,最好花些时间优化产品图像,缩略图等。

WordPress plugin如 TinyPNG 可以证明在上传图像时压缩和优化图像非常有用。

这里可以使用的另一种方法是延迟加载图像。 延迟加载意味着在用户向下滚动到放置这些图像的页面部分之前,不会加载给定的图像集。 以这种方式,整个页面加载时间不会受到负面影响,因为浏览器不必一次加载所有图像。 可湿性粉剂 plugin如 BJ延迟加载 可以帮助您实现这一目标。

由于您的大多数在线商店的媒体内容将采用图像的形式,因此优化和延迟加载图像可以产生有益的结果。

使用 WordPress 缓存 Plugin

长期以来,缓存一直是加速 WP 网站和博客的最常见解决方案。 WordPress 电子商务网站也不例外。 您应该考虑选择可靠且知名的 WordPress 缓存 plugin. 一些有价值的名字是:

此外,请确保 plugin 您选择的与您的 WordPress 电子商务兼容 plugin。 如果你正在使用 WooCommerce,没什么好担心的——大多数缓存 plugin保持 WooCommerce 商店牢记并且完全兼容。 对于所有其他电子商务 WP plugins,您可能需要检查您的 plugin的文档。

通过兼容性,我们的意思是缓存 plugin 应该自动检测它需要缓存的内容(以及不应该缓存的内容)。 这是一个例子:在任何情况下,您的 WP 缓存 plugin 应该缓存购物车和 Checkout pages。 这些页面只需要根据用户的选择来生成——没有可以提供的静态副本。

同样,购物车小部件(或经常放置在电子商务商店标题或菜单栏中的图标)也不需要缓存。 对于 WordPress 电子商务网站,一个好主意是激活 CSS 和 HTML 缩小,但避免 JavaScript 缩小。 许多电子商务 plugins 依靠 JS 动态加载购物车小部件。 JS 缩小或缓存在这里可能会导致问题——用户可以将产品添加到他们的购物车中,并且它会被成功添加。 但是页面仍然会显示一个空的购物车——JS 被缓存,因此购物车无法更新,除非整个页面都被刷新。

因此,虽然您可以(并且应该)缓存JavaScript文件并在WP博客上缩小它们,但这样做对WP电子商务商店来说并不是一个好主意。

在购物车中使用AJAX

使用 AJAX 呈现购物车详细信息是一种常见的做法。 大多数 WP 电子商务 pluginS,其中包括 WooCommerce,也一样。 下面是它的工作原理:

用户选择一个产品,然后单击“添加到购物车”按钮。 产品被添加到购物车。 接下来,页面上更新了两个值:产品的 Add to Cart 按钮显示“Added to Cart”或“Already in Cart”(或类似wise),购物车小部件(或按钮)显示更新后的产品数量。 页面的其余部分? 它既不刷新也不改变。

这种选择性刷新通过AJAX调用发生。 现在,关于此功能的负面部分是AJAX调用需要时间并且总是会对页面加载时间产生负面影响。 因此,无论用户是否添加要调用的产品(即,是否需要通过AJAX更新购物车),仍然需要加载库。

如果你真的 wish 要在此处获得一些性能提升,您可以禁用 AJAX 调用(使用一个简单的 plugin 如这一个) 然后拥有您的电子商务 plugin 将产品添加到购物车后将用户重定向到购物车。 这是如何做到这一点的 WooCommerce:

只需前往“设置”,然后前往“产品”选项卡。 选择“重定向到购物车”选项。 此后,保存您的选择(您也可以在档案中禁用 AJAX,如果您 wish 到)。

当我们在做的时候,一个简单但非常有用的 WordPress plugin 会 WooCommerce 快速排水修复。 它只是停止加载AJAX方法和其他 WooCommerce 在非WooCommerce 页面(例如,您的博客或关于页面)。 它可以帮助您加快WordPress电子商务网站的速度。

数据库优化

图片学分:

缓慢且优化不佳的WordPress数据库可能会使您的网站陷入停滞状态。 对于在WP上运行的电子商务商店尤其如此。 数据库表和条目比正常情况多。 您不仅需要处理帖子,页面和评论的表和条目。 此外,您还将拥有产品的条目和表格,产品属性,订单等。

您可以选择流行的 WP plugin 如 WP Optimize or WP扫描。 如 plugins 可以扫描您的数据库,删除碎片和不必要的开销等。通过定期清理您的 WP 数据库,您可以提高页面加载时间,因为数据库查询将更快地完成。

结论

这使我们结束了这篇文章。 我们已经讨论了避免在电子商务页面上加载不必要的脚本,优化数据库,使用缓存和CDN等的方法来加速任何WordPress电子商务网站。

如果您正在运行或管理WordPress电子商务网站,您使用什么策略或方法加快速度? 在下面的评论中分享您的观点!

特色图片 

Sufyan bin Uzayr

作家; 出版作者; 咖啡爱好者; 编码器。

评论 0回应

发表评论

您的电邮地址不会被公开。 必填带 *

评分 *

本网站使用Akismet来减少垃圾邮件。 了解您的数据如何处理.