购物者越来越期望获得积极的用户体验,并且woocommerce商店一直在使用新工具,例如个性化,实时聊天,实时库存等等,以解决这些问题。尽管如此,这些功能(如果执行不正确)通常会导致潜在的转化杀手- 一个缓慢的网站。
这是个坏消息:加载时间超过3秒的慢速网站将被40%的购物者放弃。WooCommerce商店的速度越慢,放弃率越高。这通常会转化为较少的收入。此外,缓慢的页面会在搜索引擎结果页面中降低您的商店排名。
尽管购物者对缓慢网站的耐心正在逐渐消失,并以闪电般的速度要求他们的在线购物体验,但作为WooCommerce商家,您绝对可以采取一些措施来加快商店的加载时间。今天,我们概述了WooCommerce商店可以采取的一些简单步骤和最佳做法,以消除这些瓶颈,并确保不断满足所有购物者对速度的需求。
如何衡量网站的加载速度
既然您知道网站的速度对于电子商务转换至关重要,那么下一步就是找到网站速度慢的罪魁祸首。为什么您的页面无法按预期快速加载?您可能做错什么事情?
您可能不知道:99%的WooCommerce商店都在漏钱……您很可能是其中之一。
网站的速度测试将帮助你分析如何快或减慢你的网站加载并找出可能的瓶颈是造成你的表现较差,如连接数据传输速率和时延。
已经有几种工具可供您执行。以下是使用最受欢迎的速度测试工具衡量您的网站速度和加载时间的方法:
Google PageSpeed Insights
建议使用Google PageSpeed Insights来衡量您网站的加载速度。它报告了移动和桌面设备页面的实际性能,并提供了有关如何优化该页面的建议。
第一步是在“输入网页URL”框中输入要分析的页面的URL,然后单击“分析”按钮。
将提供有关您的移动和台式机性能的两个可点击报告。它结合了来自Chrome用户体验报告的数据,以分别显示您的移动和桌面页面速度得分,优化得分,页面负载分布以及页面统计信息,如下所示。
在“网页速度” 是如何工具分类你的整体速度性能。这属于以下分布:
- 快速:指标的中位数位于所有页面加载速度的最快三分之一中。
- 慢:指标的中位数在所有页面加载中处于最慢的三分之一。
- 平均值:指标的中值位于所有页面加载量的中间三分之一。
但是,您必须注意上图中突出显示的“第一内容绘画(FCP)”和“ DOMContentLoaded(DCL)”分数。这些分数是关于什么的?根据PageSpeed Insights:
- “ First Contentful Paint 报告了浏览器首次渲染任何文本,图像(包括背景图像),非白色画布或SVG的时间。这包括带有待定Web字体的文本。这是用户第一次开始使用页面内容。”
- “ DOMContentLoaded 报告了初始HTML文档已完全加载和解析的时间,而无需等待样式表,图像和子帧完成加载。”
该报告的优点还在于它建议您如何改进页面。“优化建议”显示用于优化的不同规则的可点击部分。该工具还将使您知道已应用了哪些优化规则。
要了解有关PageSpeed Insights的更多信息,请访问Google的这些指南。
GTmetrix
另一种选择是使用GTmetrix的报告。在您的第一次运行中,它的数据似乎比它从PageSpeed Insights的数据更加技术化的样子不知所措。对于想要深入分析的WooCommerce商家来说,这是一个不错的选择。
将显示“性能得分”和“页面详细信息”指标。在PageSpeed / YSlow评分中了解有关它们的更多信息,以及它们如何影响性能。
GTmetrix中的优化建议更加健壮,可为您提供更大的灵活性来查明速度问题的根本原因。
该报告重点介绍了许多不同方面,以缩短页面加载时间。它还对从A到F的各个方面进行评分(F为关键)。关键等级表示该领域需要引起注意。您也可以点击每个问题,以获取更多见解。它还按优先级对问题进行排序。
其他速度测试工具
除了PageSpeed Insights和GTmetrix,您还可以根据自己的需要和偏好,查看其他速度测试工具,例如Pingdom,Load Impact和Show Slow。
加速WooCommerce商店的7种有效方法
根据从速度测试报告中发现的结果,现在可以优化慢速的WooCommerce网站。以下是一些加快速度的方法:
1 –增加WordPress内存限制
WordPress的默认内存设置为32 MB,预计在某个时候会超过此大小并收到致命错误消息。要解决WooCommerce内存限制问题,有两种方法:您可以自己调整它或与托管公司联系。但是,您绝对可以按照以下步骤进行配置:
编辑您的wp-config.php文件
- 打开wp-config.php,默认情况下位于WordPress根目录中。
- 在文件末尾附近找到以下行:/ *就这样,停止编辑!快乐的博客。* /
- 在该行的上方,添加以下行:define(’WP_MEMORY_LIMIT’,’256M’)。
- 保存您的更改。
编辑您的PHP.ini文件
- 如果您有权访问PHP.ini文件,请更改PHP.ini中的行
- 如果您的行显示64M,请尝试256M:memory_limit = 256M ; 脚本可能消耗的最大内存量(64MB)
编辑您的.htaccess文件
- 如果您无权访问PHP.ini,请尝试将其添加到.htaccess文件中:php_value memory_limit 256M
2 –高质量的托管服务
托管服务有助于使用主机服务器来存储您的网站内容,例如媒体和文件。托管是处理流量和相关数据的基础架构。因此,如果使用低质量的托管,它将对您的WooCommerce商店性能产生不利影响。
不断增加的访问量和成千上万的产品页面可能会使您的网站变慢,尤其是如果您的托管服务无法应对这种增长。为您的WooCommerce商店选择高质量和快速的托管服务必须是当务之急。
电子商务托管服务的类型
有多种托管选项供您选择。您应该根据预算,规模和目标调整托管服务。以下是最受欢迎的托管服务类型:
高质量托管服务提供商的素质
优质的托管服务提供商必须具备以下素质:
- 24/7全天候技术支持,以解决您的问题并回答您的问题。
- 一流的云基础架构。
- 随着您的WooCommerce商店越来越大,可以灵活地适应变化。
- 世界各地的数据中心。
- 正常运行时间较长,因此您的访客可以随时与您联系。
- 提供基于SSD的解决方案。
- 靠近您的受众的服务器会对您的响应时间产生积极影响。
推荐的更快的WooCommerce商店托管服务提供商
WordPress和WooCommerce都正式认可这三种托管服务:
- SiteGround –高性能WooCommerce托管,提供免费SSL,PCI合规性,自动更新,每日备份以及专家级的24/7全渠道支持
- DreamHost – PCMag评分最高的虚拟主机服务。它包括服务器级缓存,内置的WAF安全性,自由域和隐私以及24/7专家支持。
- BlueHost –根据WordPress的“终极WordPress平台”。它包含一个免费域,免费SSL,未计量带宽,专用IP地址以及24/7 WooCommerce支持。
3 –将缓存插件用于服务器和浏览器
缓存实质上使商家可以通过缓存或存储商店资源的副本来加速其WooCommerce商店。它减少了在购物者的浏览器,数据库和服务器之间发送的数据量,因此可以更快地满足以后对这些数据的请求。
简而言之,您需要注意以下几点:
- 服务器缓存:服务器负责生成网页,服务器缓存使它可以调出该网页的外观,以便下次不会再次生成该网页。
这样可以节省更多时间,因为服务器无需再次构造整个页面。而且由于WooCommerce商店是动态的,因此您必须确保它是静态的以加快速度。
- 浏览器缓存:浏览器缓存负责记住网页的外观,因此不必要求服务器重新发送网页。
这对于访问多个页面的访问者尤其有用,因为所有静态文件(例如样式表和JavaScript文件)都可以由浏览器存储。即使它经常执行,也可以加快页面的查看速度。
推荐的WooCommerce缓存插件
WordPress提供了广泛的缓存解决方案,可以轻松地更快地加载页面。以下是最受欢迎的:
- Breeze WordPress缓存插件:具有文件排除功能,结合并最小化您的HTML,CSS和JS文件,并通过Gzip压缩最小化文件大小和下载时间。
- WP Rocket:它的功能包括缓存预加载,浏览器缓存,GZIP压缩以及HTML,CSS和JavaScript的最小化和串联。它还具有惰性图像加载功能,仅在用户向下滚动页面时才加载图像。
- W3 Total Cache:针对每种缓存类型都有专门的设置页面-数据库缓存,浏览器缓存,页面缓存,对象缓存等。它具有极高的可定制性。
但是请注意,如果您使用的是缓存插件,请从缓存中排除购物车,我的帐户和结帐页面。这些页面必须是动态的,因为它们包含特定于当前客户的信息。
4 –压缩产品图像
装有大量图像和大图像文件的WooCommerce商店可能会减慢您的网站速度。图片占据了所有Web内容的51%,也占据了页面加载时间的50%。这就是为什么必须优化和压缩产品图像的原因。
为了解决这个问题,您可以通过乏味的Photoshop手动压缩图像,也可以为WooCommerce商店使用自动图像压缩和优化插件。这将使您可以减小图像尺寸而不会影响图像质量。
推荐的WooCommerce图像压缩插件
- WP Smush:可以压缩目录中的任何图像,以帮助优化站点上的所有图像。
- Imagify:自动压缩JPG,PNG和GIF文件,最多可将图像缩小70%。您还可以指定图像的高度或宽度。
- ShortPixel:它具有稳定,全面,最新的图像压缩解决方案。它也可以优化任何图像,甚至没有在媒体库中列出的图像。
5 –使用CND(内容交付网络)
内容交付网络(CDN),也称为内容分发网络,是将页面和内容交付给Web用户的分布式服务器的框架。它基于用户的地理位置,网页来源和内容交付服务器。
当客户从存储站点的服务器附近的位置访问WooCommerce商店时,内容不必从购物者的浏览器转移到其他地方。但是,如果服务器和客户的位置相距较远,则内容必须走得更远,这会导致页面加载缓慢。
CDN服务可以帮助解决地理距离问题,特别是对于拥有国际业务的WooCommerce商店。它的作用是根据每个终端用户在世界上的位置,为其提供最接近或最有效的“边缘服务器”中的内容。
以下是为您提供的著名CDN服务:
- Cloudflare
- Cloudways CDN
- Sucuri
- MaxCDN
- StackPath
- KeyCDN
6 –在WooCommerce中禁用AJAX购物车片段
WooCommerce中的AJAX购物车片段功能是一个脚本,该脚本利用Admin-Ajax自动更新客户的购物车总额,而无需刷新页面。这对于生成购物者将他们添加到购物车中的商品的即时反馈特别有用。
尽管如此,这种功能有降低网站速度性能的趋势,甚至可能会中断不需要购物车详细信息的页面上的缓存。因此,如果您在WooCommerce网站上注意到大量AJAX请求,则只需禁用AJAX购物车片段即可帮助提高网站的稳定性和速度。
您可以使用wc-ajax = get_refreshed_fragments解决此问题。但是您可能希望使用“ Disable Cart Fragments”插件来自动禁用WooCommerce商店中的AJAX购物车片段功能的更简单解决方案。但是,请记住在使用此插件时将客户重定向到购物车页面。
7 –清理数据库
数据库是一个组织和存储您的数据的系统。在电子商务站点的上下文中,这些数据属于以下类别:
- 网站内容:这些数据生成动态HTML页面,例如内容页面,产品页面和类别页面。
- 交易数据:导致用户采取行动的数据。它通常包括客户的订单详细信息和库存更新。
如果需要大数据,请尝试组织数百种产品或拥有非常复杂的数据库,处理该请求可能需要一段时间,这会导致服务器响应时间变慢。清理数据库将帮助您提高页面加载速度,并且还为WooCommerce商店卸载了大量空间,以使其运行更快,更流畅。
您可以使用wordpress插件来帮助您清除数据库,例如:
- WP-Optimize
- WP Clean Up Optimizer
- Advanced Database Cleaner
- Clean Up Booster
极品飞车
在线购物者希望在不影响网站速度的情况下拥有高度参与且个性化的WooCommerce商店。这是因为网站速度慢与放弃率高有直接关系。而且,高放弃率意味着更少的收入。
电子商务商店需要提供丰富的功能和体验来与客户互动,而购物者也需要提高速度。为了提供丰富,快速响应的WooCommerce商店,请使用我们可靠的方法来加速您的网站。
评论0