WooCommerce速度优化:缓慢加载网站,商店和产品页面的24种方法(2020年更新指南)

WooCommerce速度优化


慢一点 WooCommerce 现场?

我将向您展示如何通过修正GTmetrix / Pingdom中的项目(与我获得100%GTmetrix分数时所用的技巧相同)来加快速度。我还将向您展示如何优化WooCommerce 购物车碎片, 样式, 剧本, 目录中显示的产品映像,数据库,CDN和其他提示.

我的网站是WooCommerce吗?不,但是我的 开发商 并且我使多个WooCommerce网站的加载速度通常提高了3倍。如果您需要帮助,可以雇用他 freelancer.com 每小时$ 40。他拥有完美的5星级评价, 投资组合 他优化过的网站。自2011年以来我一直在与他合作(他的名字叫Pronaya),推荐他的机会不够.

否则,请遵循本指南,并随时在评论中发表问题(或您的结果).

1.禁用购物车碎片

禁用WooCommerce购物车片段,脚本和样式的最简单方法是 Kinsta的perfmatters插件. 它还允许您禁用未使用的小部件(包括WooCommerce小部件),以使管理员更快地加载并拥有其他 特征 例如禁用WooCommerce状态元框,禁用页面/帖子脚本,限制帖子修订,自动保存,心跳控制以及其他可以减少CPU并使WooCommerce网站加载速度更快的事情。如果您不想每年支付$ 25,我在下面列出了其他方法(使用Github中的代码).

性能优化woocommerce优化

默认情况下,WooCommerce使用 购物车碎片 用于更新购物车而不刷新页面。但这在您的首页(或其他页面)上不是必需的,可以将其禁用以提高性能。否则,购物车片段将在每个页面上加载.

购物车片段通常会对您的GTmetrix / Pingdom报告执行以下操作:

WooCommerce购物车片段

要禁用购物车片段,请添加 到您的funtions.php文件:

2.禁用WooCommerce样式

WooCommerce加载 3个样式表 在您网站的每个页面上。由于您可能不希望在每个页面上加载这些内容,因此应在非电子商务内容上将其禁用.

  • woocommerce-layout.css
  • woocommerce-smallscreen.css
  • woocommerce.css

查询监视器中的WooCommerce样式

禁用所有WooCommerce样式表:

禁用特定的样式表:

如果禁用了特定样式表,则需要添加自己的样式表:

另一个 另类 是通过在所有其他页面上将它们排队而仅在WooCommerce产品和商店页面上加载CSS样式和Javascript。这是Github的代码:

3.禁用WooCommerce脚本

WooCommerce也导致很多脚本:

WooCommerce脚本

下面的代码仅在商店,结帐和购物车页面上加载WooCommerce脚本.

将此添加到您的functions.php中:

如果那行不通,有一些 Github上的替代解决方案 人们成功与.

perfmatters还可以让您 在特定页面上禁用脚本. 例如,我不需要在我的首页上加载丰富的摘要或Thirsty Affiliates插件,因此我将其禁用了。选择性地禁用脚本/插件以在特定页面上加载可以减少加载时间.

perfmatters脚本管理器

4.清除客户会话

在您的WooCommerce状态设置中,清除 客户会议

清除客户会话

5.清除WooCommerce瞬态

在您的WooCommerce状态设置中,删除所有 瞬态

删除WooCommerce瞬态

6.禁用WordPress Heartbeat API

WordPress心跳API会向您显示实时插件通知,以及其他用户何时编辑帖子。这会每15-60秒产生一次请求,并会耗尽CPU,因此最好使用Heartbeat Control插件之类的插件来禁用它,或者至少将其限制为60秒.

心跳控制插件

如果使用WP Rocket,他们还可以选择以下选项:

WP火箭心跳控制

7.使用轻量级的WooCommerce主题

我总是推荐StudioPress主题, 马特·卡茨 乃至 马特·穆伦维格(Matt Mullenweg). 许多主题,包括 阿瓦达, 充斥着不必要的功能,某些主题可能未正确编码或维护。 StudioPress由可靠的团队(最近由WP Engine收购)提供支持,同时考虑到文档,频繁的更新,支持以及对速度,SEO和安全性的编码。我用他们的 外展临主题 并爱上它.

StudioPress电子商务主题

我从ThemeForest建议的主题:

慢速WooCommerce主题

8.将产品图像调整为较小尺寸

这是什么 提供缩放的图像 GTmetrix中的意思.

GTmetrix会告诉您哪些图像太大,以及应调整大小的正确尺寸。保存来自GTmetrix的图像,将其调整为正确的尺寸,然后将旧图像替换为新图像。对WooCommerce网站上的所有超大图像执行此操作.

我建议从出现在多个页面上的图像(例如徽标+侧边栏图像)开始,然后逐步浏览各个页面,因为GTmetrix仅显示您测试的单个页面的图像错误。我还建议创建一个“图像备忘单”,如下所述.

服务缩放图像

为您最常用的图像创建备忘单:

  • 滑块图像:1903(w)x 400(h)
  • 轮播图片:115(h)
  • 小工具图片:414(w)
  • 全角博客文章图片:680(w)
  • 特色图片:250(w)x 250(h)

9.不要使用太多扩展名

就像插件一样,太多 WooCommerce扩展 将使您的网站变慢:

WooCommerce扩展

10.使用更好的缓存插件

缓存插件有3个因素:

  • 如果 您正在使用缓存插件
  • 哪一个 您正在使用的缓存插件
  • 是否 您已经配置了最佳设置

免费建议使用Swift Performance或WP Fastest Cache。但是,如果您愿意支付49美元,那么WP Rocket在大多数Facebook民意测验中都排名第一。那是因为它具有大多数缓存插件所没有的大量功能,在这种情况下,您将需要大约6个其他插件:

  • 数据库清理(内置于WP Rocket,或使用 WP优化
  • 心跳控制(内置于WP Rocket,或使用 心跳控制
  • 延迟加载图像/视频(内置于WP Rocket,或使用 WP YouTube Lyte
  • 在本地托管Google Analytics(分析)(内置到WP Rocket中,或使用 CAOS分析
  • 在本地托管Google字体(内置于WP Rocket,或使用 CAOS字体, 要么 生长激素
  • 与Cloudflare +其他CDN集成(内置于WP Rocket,或使用 CDN启动器

2016最佳缓存插件民意测验

2019缓存插件民意调查

斯威夫特vs WP火箭

2016缓存插件民意调查

最佳缓存插件2018投票

wp火箭vs w3 totla缓存

缓存插件教程:

  • WP Rocket(推荐)
  • 迅速的表现
  • WP最快的缓存
  • W3总缓存
  • WP超级缓存

11.避免资源紧张的插件

这些是最耗时的CPU,但是有完整的清单.

高CPU插件通常包括社交共享,统计信息,日历,页面构建器,聊天以及运行正在进行的扫描/进程或在GTmetrix中多次出现的插件.

  1. 添加此
  2. AdSense点击欺诈监控
  3. 多合一活动日历
  4. 备用好友
  5. 海狸生成器
  6. 更好的WordPress Google XML Sitemaps
  7. 损坏的链接检查器(使用Dr. Link Check)
  8. WordPress的持续联系
  9. 联络表格7
  10. 内容相关帖子
  11. Digi自动链接
  12. Disqus评论系统
  13. Divi Builder
  14. 基本网格
  15. 查看65个慢插件的完整列表

您还可以在GTmetrix Waterfall图表中找到加载缓慢的插件。如果它们出现多次,加载时间很长或生成了多个请求,您就会知道事情已经发生了.

慢速WordPress插件

或使用 查询监控器 (选中“按组件查询”标签):

查询监视器慢插件

您不需要那么多插件!

WooCommerce插件过多

12.删除未使用的主题+停用的插件

您所有未使用的主题和插件都应删除。停用的插件和未使用的主题会将设置存储在数据库中,这是不必要的。如果您不使用它,请将其删除!

删除未使用的WordPress主题

13.使用ShortPixel压缩图像

这是什么 优化图像 GTmetrix中的意思.

我用 短像素 这是最流行的图像优化插件之一, 想像一下, 海妖, 和 m 也很受欢迎。所有这些插件都做同样的事情–压缩图像,去除EXIF数据,以及可选地调整太大的图像。配置设置后,请在“媒体”部分中压缩一些图像。如果您对质量满意,请批量压缩网站上的所有图像。虽然,我还是会备份以防万一.

ShortPixel设定

查看我的完整指南以优化WordPress中的图像以获取更多提示.

GTmetrix中的图像优化

  • 服务缩放的图像:调整大图像的大小以校正尺寸
  • 指定图像尺寸:在图片的HTML或CSS中指定宽度/高度
  • 优化图像 –无损压缩图像
  • 使用CSS Sprite梳理图像 –将多张图像合并为一张图像
  • 避免URL重定向 –不要提供来自错误的www或http(s)版本的图像
  • 使用内容交付网络 –从CDN提供图像/文件
  • 利用浏览器缓存 –使用缓存插件缓存图像/文件
  • 使Favicon较小且可缓存 –使用16x16px的图标图标并将其缓存

14.清理您的WooCommerce数据库

您可以使用 WP优化 要么 WP火箭 安排每1-2周清理一次数据库。这会删除垃圾文件,例如过期的瞬态,垃圾邮件评论,pingbacks,trackbacks,数据库表,草稿以及可能随着时间而积累的数千个后期修订(也就是说,如果您不使用诸如permatters之类的插件来限制它们)。务必先备份!

WP-Optimize插件

WP-优化清理数据库

15.使用Clearfy清理您的WordPress后端

WordPress内置了很多您可能不需要的东西. 清风 可以帮助您清除它。通常,您可以禁用jQuery Migrate,RSD链接,wlwmanifest链接,短链接,修订版,自动保存,心跳,破折号和许多其他选项. 禁用WP 也很好.

Clearfy性能设置

Kinsta的permatters插件与此类似,但附带更多功能 特征

性能特征

16.阻止坏机器人

不良的漫游器是否在爬您的网站并消耗CPU?他们是给我的,实际上很多.

步骤1:安装 围栏.

Wordfence安全插件

步骤2:查看您的 实时路况报告.

实时交通报告Wordfence

第3步:在实时流量报告中查找垃圾邮件漫游器(如果同一漫游器不断访问您的网站并且看起来可疑,请使用Google的主机名,并查看其他人是否将其报告为垃圾邮件).

第4步:阻止垃圾邮件机器人.

围栏规则

Wordfence本身可能导致较高的CPU (但如果您有垃圾邮件机器人,则非常适合)。我建议使用 Blackhole For Bad Bots插件, 或搭配 Cloudflare防火墙规则. Wordfence和Cloudflare都有日志,因此您可以查看这些僵尸程序是否实际上已被阻止。如果成功,则可以卸载Wordfence并使用Cloudflare或Blackhole插件.

黑洞的僵尸

Cloudflare防火墙规则阻止恶意机器人

17.升级到PHP 7.2

WooCommerce网站应始终在运行 快速PHP版本 (例如PHP 7.2),您可以在托管帐户中进行升级。较高的PHP版本使您的网站运行得更快,即使 大多数WordPress用户使用过时的PHP版本 (因为他们不知道该怎么做).

WooCommerce PHP基准测试

WordPress PHP统计资料

在WooCommerce的“状态”部分中检查您当前正在运行的PHP版本:

WooCommerce PHP版本

然后在您的托管帐户中升级到PHP 7+:

PHP升级

有些插件并不总是与更高版本的PHP兼容(另一个原因,您应该小心使用哪个插件)。跑过 PHP兼容性检查器 确保您的插件兼容。如果是这样,您可以安全地进行升级,但是请检查您的网站是否有错误.

18.合并Google字体

Google字体是外部资源,将显示在您的GTmetrix / Pingdom报告中:

Google Fonts Pingdom

选项1:安装 自动优化 并使用“合并并链接到头部”选项:

自动优化合并Google字体

选项2:尝试 WebFonts插件的CAOS

CAOS字体

选项3:直接从下载字体 Google字体 (可以选择字体和字体粗细),然后使用 Transfonter, 然后将它们手动添加到CSS.

Transfonter-Google-Font-Conversion

19.设置Cloudflare的免费CDN

绝对没有理由不应该使用 Cloudflare的CDN.

它将您的网站托管在 200多个数据中心 世界各地的。这样可以减少您的服务器和访问者之间的距离,而 卸载资源 他们的数据中心(减轻您的原始服务器的压力)。 Cloudflare易于设置-注册免费计划,运行扫描,他们将为您分配2 命名者 您将在托管帐户中进行更改。您可以使用Cloudflare做其他事情,例如enable 热链接保护, 火箭装载机, 并利用 页面规则 使您的WooCommerce网站变得更快-所有这些都在Cloudflare仪表板中完成.

Cloudflare数据中心

多个CDN =更多的数据中心=更快地交付您的内容。如果您想加倍努力,请同时使用Cloudflare和StackN之类的CDN(我同时使用)。 StackPath还有31个其他数据中心。尽管Cloudflare要求您更改名称服务器,但是StackPath(和其他CDN)会要求您提供网站,然后生成一个 CDN网址 您可以将其粘贴到缓存插件中(大多数插件都有此选项),或者您也可以使用 CDN启动器插件.

StackPath-数据中心

20.查明查询监视器的问题

查询监控器 有大量信息可以帮助您调试WooCommerce网站运行缓慢的原因。它显示了缓慢的查询,PHP错误,钩子和操作,块编辑器块,排队的脚本和样式表,HTTP API调用等。在Query Monitor中修复项目可能需要一些技术知识,但是值得雇用 开发商 谁可以解决问题.

您也可以使用 杂货店 (通常在托管计数的“统计信息”部分中找到,它告诉您哪些机器人,图像,文件以及其他消耗CPU最多的元素.

21.忽略Google PageSpeed Insights(使用GTmetrix)

如果您加入 WordPress加速Facebook小组, 或看看 WP Rocket的文章, 你会学到的 Google PageSpeed见解 这不是衡量(或优化)网站的好工具-它甚至无法衡量加载时间! 平度 是测量负载时间的最准确的工具之一,但对于实际性能建议,我(和大多数人)更喜欢 GTmetrix.

在测试WooCommerce网站时,请始终检查您的GTmetrix Waterfall图表以查看哪些请求需要花费最长的时间(例如WooCommerce购物车片段,特定的插件等).

Google PageSpeed Insights唯一适合做的事情就是衡量 服务器响应时间

减少服务器响应时间

22.避免EIG托管

同一家公司(脑电图)拥有60多家不同的托管公司。在Facebook网上论坛中众所周知,他们在同一台服务器上打包了太多人,使用了过时的PHP版本和速度技术,并且不在乎客户端。便宜的主机=便宜的结果.

  • 您是否在使用EIG品牌(Bluehost,HostGator,Site5,iPage,HostMonster)?
  • 您是否以每月$ 4的托管计划运行WooCommerce网站(例如GoDaddy)?

不要指望WooCommerce网站能以便宜的托管计划快速运行,更不用说服务器响应良好,到第一个字节的时间以及足够的CPU来补偿很多额外的插件。通常,WooCommerce站点需要更好的托管计划来补偿更多的插件,脚本和CPU使用率。而EIG,GoDaddy和其他低质量计划并不会削减它.

EIG品牌清单

Bluehost EIG反馈

23.检查CPU使用率和服务器响应时间

您的服务器速度慢吗?通过运行您的网站 比特猫 要么 PageSpeed见解 看是不是如果你高 服务器响应时间 要么 到第一个字节的时间, 它与您的托管有关.

Bitcatcha服务器速度报告

减少CPU使用率WordPress

GTmetrix的第一个字节时间

24.使用可以支持WooCommerce的快速托管

加入 WordPress托管WordPress加速Facebook小组 看看真正的,公正的人是什么 , 由于托管是 WordPress优化指南.

我用 SiteGround 并有 200ms响应时间 拥有100%GTmetrix分数和0.4s 临时加载时间. 做一个托管检查,运行自己的测试,或点击浏览我的快速加载页面。他们在26次Facebook民意测验中排名第一,比世界更出色 脑电图蓝主机, HostGator), 去吧爸爸, 以及在同一台服务器上打包太多人的其他主机。已经有 很多人 WHO 已迁移 并发布 结果脸书推特. 鸣叫鸣叫, 发布发布, 轮询轮询轮询, 更快的托管将 固定 响应时间慢。他们是 WordPress推荐, 做 免费迁移, 我用他们的 半专用计划.

2019年托管投票

2017-WordPress-托管-FB-民意调查

Elementor托管建议

2019年7月托管建议

WordPress主机投票2018年8月

共享主机投票2017

2019-托管民意调查

去托管公司

WordPress-Hosting-Poll-2017

托管主机轮询

WooCommerce托管FB投票

2016-网络托管-民意调查

最佳WordPress托管提供商投票

Best-Web-Hosting-2019-民意调查

WP友好托管投票

2016-WordPress-托管-FB-民意调查

Elementor的最爱托管

2018托管建议

WordPress托管投票Sept 2018.png

Managed-WordPress-Hosting-Poll-2017

2019-主机民意调查-1

高速主机投票

WordPress主机投票6月1日

SiteGround-推荐

2014-托管-WordPress-托管-FB投票

最佳网络托管提供商投票

Hosting-Poll-Feb-2019

托管建议投票

Bluehost与SiteGround

WordPress Web Host投票

人们通常会移民是因为 速度技术 可以改善 服务器响应时间 几秒钟。以下是一些人迁移到SiteGround并发布了结果.

切换到SiteGround

SiteGround加载时间迁移

Bluehost到SiteGround GTmetrix

HostGator到SiteGround

SiteGround GTmetrix

SiteGround Google PageSpeed见解

SiteGround 100满分

SiteGround创世纪

SiteGround交付的速度

SiteGround GTmetrix报告

使用SiteGround减少了加载时间

新SiteGround响应时间

HostGator到SiteGround的迁移

Joomla上的SiteGround响应时间

切换到SiteGround托管

SiteGround Rocket Imagify Combo

Joomla GTmetrix网站上

SiteGround PageSpeed见解

SiteGround On Joomla

SiteGround减少了加载时间

SiteGround快速托管

SiteGround上新的Pingdom结果

新SiteGround响应时间

SiteGround响应时间缩短

Godaddy到SiteGround迁移

EIG到站点地面

SiteGround迁移

我的GTmetrix报告了他们的 半专用GoGeek计划

2019-GTmetrix-报告

地面上的OMM

我使用SiteGround是因为…

  1. 我的GTmetrix + 平度 报告不言自明
  2. 我的页面会立即加载(如果需要,请单击它们)
  3. 快速 速度技术 (PHP 7.3,NGINX, SG优化器, Cloudflare)
  4. 被推荐 酵母, WordPress的, 伊维卡岛WordPress加速
  5. 自由 让我们加密SSL, 易于使用 面板, 和功能 电子商务
  6. WordPress支持是 无与伦比的 即使没有GoGeek的优先支持
  7. 成长大 带有暂存,更多存储和更多服务器资源(向下滚动至“我们分配您需要的资源”,然后将鼠标悬停在 服务器 标签)
  8. GoGeek 带有更多服务器资源,存储,优先级支持
  9. 免费迁移, 迁移器插件, 和一个 30天退款保证
  10. 赞不绝口 Reddit, Facebook对话, 推特, TrustPilot
  11. 在Facebook上赞不绝口: #1, #2, #3, #4, #5, #6, #7#8, #9, #10#11
  12. 许多人已经迁移并在Twitter上发布了结果: #1, #2, #3, #4, #5, #6#7, #8, #9, #10, #11, #12, #13, #14, #15, #16, #17, #18, #19, #20, #21, #22, #23, #24, #25, #26, #27, #28, #29, #30, #31, #32, #33, #34, #35, #36, #37

会员免责声明 –如果您使用我的网站注册SiteGround 会员链接 我将免费向您捐赠一部分佣金。每年我捐赠$ 3k到 GoFundMe活动 (2018年是丹佛饥民的食物,2017年是哈维飓风)。您的支持会有所帮助,我真的很感激。我试图使我的评论无偏见并得到支持 证据 以…的形式 Facebook民意调查, 鸣叫, 和 真实的对话. 如果您不想使用它,这里有一个 非会员链接 到SiteGround。无论哪种方式,我都坚信他们是最好的主机,并且您的网站将运行得更快/更流畅……对Google和Facebook群组进行研究后,您会发现大多数人 说一样.

SiteGround有 3计划

SiteGround WordPress托管

更高的计划包括更多 服务器资源 (WordPress优化指南中的#1因素)。这是 完整比较表, 但是GrowBig给您的服务器资源是StartUp的2倍,而GoGeek是 半专用主机 给您更多。 GrowBig及更高版本具有免费迁移,登台,高级缓存以及托管多个网站的功能。 GoGeek具有优先支持。他们的云托管价格相当上涨,每月80美元.

你可以在他们的身上看到 功能页面

SiteGround-服务器-资源比较

你可以自己决定.

最喜欢的网络主机

经常问的问题

🚀为什么WooCommerce网站运行缓慢?

WooCommerce自然较慢,因为它们具有额外的WooCommerce脚本,样式和购物车片段。他们通常还需要更多的插件。这就是为什么大多数WooCommerce网站在GTmetrix中的加载时间和评分都较差的原因.

🚀您如何优化购物车片段?

您可以使用Perfmatters插件来优化WooCommerce购物车片段,脚本和样式.

🚀 5个最重要的速度因素是什么?

跳过共享托管,一起使用云托管,升级到最新的PHP版本,减少和整合插件,并使用ShortPixel和OMGF等插件优化图像+外部字体。使用CDN并清理数据库也有帮助.

🚀您如何优化产品页面?

优化图像是使单个产品页面加载速度更快的最重要部分。在GTmetrix中优化图像的主要方法有3种:提供比例图像(调整它们的大小以校正尺寸),使用ShortPixel之类的插件压缩图像以及在HTML中指定图像尺寸。删除EXIF数据并从CDN提供图像.

🚀如果您正在运行大量插件怎么办?

如果您正在运行大量插件,特别是如果它们不是轻量级的(请参阅我的慢速插件列表),则需要确保网站的所有其他元素均已完全优化,并且您正在使用更快的托管来支持网站的资源需求.

希望对您有所帮助!如有疑问请发表评论.

干杯,
汤姆

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map