15个WordPress速度优化技巧,使您的网站快速发展(与我以前在GTmetrix中获得100%PageSpeed得分的那些技巧相同)

WordPress速度优化技巧


寻找一些很棒的WordPress速度提示?

这些是我在首页上获得100%GTmetrix分数所用的相同技巧, <我几乎每个帖子的加载时间为2秒。您将学到优化插件,图像,服务器响应时间,CDN以及外部资源(例如Google字体和YouTube视频)的所有知识.

使用GTmetrix作为您选择的工具.
它提供了准确的加载时间,并提供了广泛的建议,例如需要优化哪些图像,哪些插件使WordPress网站速度变慢,到第一个字节的时间,CDN等等。.

Google PageSpeed Insights仅适用于评估服务器响应时间。 <200毫秒否则,这将毫无用处,并且有很多文章解释了为什么.

Pingdom是用于测量加载时间的最准确的工具,但它们的建议不如GTmetrix。 (例如,它没有说明需要优化哪些特定图像).

您正在阅读的帖子的页面大小为1.61MB,有69个请求,并且仍在大约1秒钟内加载:

WordPress速度优化技巧GTmetrix报告

如果您有任何疑问或需要帮助,请给我评论,或者您也可以雇用我的WordPress速度优化器来帮助您提高分数+加载时间(GTmetrix报告之前和之后).

1.避免使用已知的高级CPU插件

每个人都说:“这不是插件的数量,而是质量”

如果您使用的是这些速度较慢的插件,请考虑将其替换为速度更快的替代品.

*大多数慢速WordPress插件包括社交共享,统计(分析),滑块,组合,页面构建器,日历,聊天,联系表单,相关帖子,站点地图,Wordfence,WPML,WooCommerce,以及任何运行持续扫描或过程的插件。这些可以使用查询监视器或GTmetrix Waterfall进行标识.

  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. 脸书聊天
  16. 花式画廊
  17. 模糊SEO助推器
  18. 谷歌分析
  19. Google语言翻译器
  20. 查看65个慢插件的完整列表

如何找到最慢的插件
您可以使用查询监视器,也可以查看GTmetrix报告以查看同一插件在PageSpeed和YSlow选项卡中是否多次显示。还要检查瀑布:

慢速WordPress插件

2.不要让插件在每个页面上运行

资产清理 让您有选择地禁止插件+脚本加载某些内容。例如,您可以禁用联系人表单和丰富网页摘要插件,使其无法加载未显示的内容。或禁止您的会员营销插件在页面上加载.

这消除了不必要的请求并减少了加载时间。比起Plugin Organizer和其他具有类似功能的插件,资产清理也更易于使用。我强烈推荐.

资产清理选择性禁用

3.使用最受好评的缓存插件

哪个缓存插件最好?看看这些Facebook民意调查:

WP Rocket通常是第一名,因为它具有大多数高速缓存插件不具备的许多功能(数据库清理,延迟加载图像和视频,本地字体+分析,预取,CDN集成),这就是为什么它通常比获得更好的成绩+加载时间的原因其他缓存插件.

这也意味着,如果您要使用大多数其他缓存插件,则在WP Rocket内置所有这些插件后,您将需要安装大约6个额外的插件。如果您像我,那么您只有1个插件.

2016年最佳缓存插件民意测验

2019缓存插件民意调查

斯威夫特vs WP火箭

2016缓存插件民意调查

最佳缓存插件2018投票

wp火箭vs w3 totla缓存

大多数高速缓存插件未包含的WP Rocket功能:

  • 数据库清理:内置于WP Rocket,或使用WP-Optimize.
  • 延迟加载:内置于WP Rocket,或使用WP YouTube Lyte.
  • 心跳控制:内置于WP Rocket,或使用心跳控制.
  • 本地Google Analytics:内置于WP Rocket,或使用CAOS Analytics.
  • 本地Google字体:内置于WP Rocket,或使用OMGF或SHGF.
  • 预取DNS请求:内置于WP Rocket,或使用Pre * Party Resource Hints.
  • Facebook Pixel浏览器缓存:内置于WP Rocket(没有其他插件可以这样做).
  • CDN:内置于WP Rocket(Cloudflare +多个CDN),或使用CDN启动器.

Swift Performance Lite也很不错,但是设置起来比较困难,您可能不会获得与WP Rocket相同的结果。但是Swift确实附带了一个插件管理器,这很有帮助.

4.升级到PHP 7.3

升级到更高版本的PHP是最简单的事情,它可以使您的网站快2-3倍.

您所要做的就是登录您的托管帐户,找到PHP版本管理器,并确保您使用的是最新版本(请稍后查看您的网站)。一些主机比其他主机更快地发布更新的PHP版本,这是您应避免使用GoDaddy,Bluehost和HostGator的另一个原因(这两个版本都发布PHP 7.2的时间较晚,并且可能会停留一段时间)。.

PHP更新

您可以使用 显示PHP版本插件 检查您当前使用的PHP版本.

显示PHP

5.优化外部脚本

外部脚本 可以是您网站上创建外部网站外部请求的任何内容。嵌入非常常见(嵌入视频,Github代码,职位发布,甚至是GIF).

某些脚本可以进行优化(在本地托管字体+分析跟踪代码),延迟加载视频,甚至是巧妙的方法,例如获取Twitter帖子的屏幕截图而不是嵌入它们。您甚至可以尝试使用插件或使用Gravatars缓存 Disqus条件负载 要么 香气 (由Kinsta创建)以优化WooCommerce脚本,样式和购物车片段.

其他外部脚本几乎无法优化。我从未见过使用AdSense的网站发布过不错的GTmetrix报告。高CPU社交共享和评论插件将始终使您的网站变慢(这与选择轻量级插件有关)。我的建议-尽可能优化,避免剩下的以及剩下的一切,请确保您已预取了以下列表 常见的预取域 使用 WP火箭. 但是,请尽可能避免使用外部脚本.

GTmetrix中的外部脚本

Google字体
您可以使用WP Rocket,OMGF或自托管Google字体在本地托管字体。 Asset Manager和Autoptimize也有此选项。但是,优化字体的最佳方法是在本地托管字体。转到Google字体网站并下载您正在使用的所有字体(使用字体和粗细字体时,请尽量减少字体)。接下来,使用以下命令将字体转换为Web字体文件 Transfonter. 将网络字体文件上传到wp-uploads文件夹,并将自定义字体添加到CSS.

谷歌分析
WP Rocket,CAOS Analytics和WordPress本地Google Analytics(分析)插件将修复使用Google Analytics(分析)时GTmetrix中的“利用浏览器缓存”错误。我用WP火箭.

谷歌的AdSense
异步加载Google AdSense和Cloudflare Rocket Loader可以帮助优化Google AdSense,但这是所有其中最大的GTmetrix杀手。从根本上来说,这是通过获利而非性能来换取的,而您几乎无法做些什么来加快AdSense的加载速度.

嵌入式YouTube视频
如果您使用的是WP Rocket,则他们可以选择延迟加载视频并将iframe替换为预览图像(这样就可以在人们单击播放按钮后才加载视频)。如果您不使用WP Rocket,那么WP YouTube Lyte是一个不错的选择。这样可以节省几秒钟的初始加载时间,而且很容易。许多嵌入式视频可能需要2秒钟以上的时间.

嵌入式推文,Facebook和Instagram帖子
如果您在网站上嵌入帖子,请考虑拍摄屏幕截图并将其替换为图像(有关示例,请参见减少服务器响应时间)。我使用2列布局,并拍摄了Facebook民意测验的屏幕截图。现在,他们不必从Facebook提取请求.

墓碑
如果您的博客上有很多评论,那么您可能知道有多少Gravatars甚至某些评论插件可以使您的网站变慢。由于对加载时间很挑剔,我决定禁用Gravatars,但您也可以尝试Harrys,FV和Optimum Gravatar缓存。这些插件都不适合我。您的另一选择是中断或隐藏评论.

社交分享插件
社交共享按钮可从Facebook,Twitter和其他社交网络获取外部请求。如果您的插件可以更新“喜欢计数”选项,则可以对其进行调整,以使它们不会经常更新。否则,我建议使用以下轻量级社交共享插件之一:

6.服务缩放图像

提供缩放的图像 意味着您需要将大图像调整为较小的尺寸.

GTmetrix会告诉您哪些图像太大,以及应调整大小的正确尺寸。您要做的就是调整它们的大小,然后用新的图像替换旧的图像。.

服务缩放图像

创建图像尺寸备忘单是一个好主意,这样您就可以知道所有不同图像的尺寸。例如,您的滑块可能是1024 x 400px,而小部件图像是300 x 300px,或者全角博客图像的宽度可能是680px(例如我的)。因此,在创建任何图像之前,我知道必须将其调整为那些尺寸才能快速加载.

样本图像尺寸备忘单:

  • 徽标:300 x 100px
  • 滑杆:1024 x 400像素
  • 小工具:300 x 300像素
  • 精选文章图片:350 x 350px
  • 全宽博客图片:680px(宽度)

如果您有投放比例尺图片错误,则需要在没有插件的情况下手动进行修复。但是一旦熟悉了正确调整图像大小,就永远不会再出现该错误.

7.压缩图像

ShortPixel,Imagify和Smush是3个顶级插件.

安装其中一个插件(我使用ShortPixel),使用API​​密钥进行注册,然后批量压缩您网站上的所有图像。当然,在批量优化之前,您应该检查设置,测试一些图像并备份图像。即使插件说“无损”,质量也会几乎总是下降。这是摄影师的两难选择–如果速度更重要,那就去做。如果没有,就不要!

ShortPixel设定

8.设置Cloudflare的CDN

没有理由不使用Cloudflare的免费CDN.

它在200多个数据中心上托管您的网站,使其更加安全,并在其仪表板中具有大量功能。如果您尚未设置Cloudflare和更改名称服务器,那么我会这样做.

Cloudflare数据中心

如果您已经有了Cloudflare,则可以进行一些额外的速度优化:

  • 设置页面规则以节省带宽并保护您的wp-admin
  • 配置Cloudflare的速度设置,以充分利用其服务
  • 启用热链接保护以防止人们使用图像带宽
  • 让您的缓存插件负责缩小,然后在Cloudflare中将其禁用

9.考虑多个CDN

多个CDN =更多数据中心=更快地交付内容.

多个CDN

我都用 云耀斑 和StackPath。较小的网站只应使用Cloudflare,但如果您对速度很认真,我会考虑增加CDN。 StackPath具有出色的支持,如果需要,它们将帮助配置最佳设置。 KeyCDN也很好.

除Cloudflare之外,其他CDN还会生成CDN URL,您可以将其粘贴到缓存插件中(大多数缓存插件具有CDN URL字段)或使用CDN Enabler插件.

10.使插件加载更快

我们都知道插件会破坏GTmetrix分数,因此这里有一些优化技巧.

  • 避免使用高CPU插件:避免使用慢速插件列表。常见的慢插件包括社交共享插件,投资组合,滑块,统计信息,备份等.
  • 用更快的插件替换高CPU插件:需要进行一些研究,但将您的任何高CPU插件替换为更快,更轻巧的插件.
  • 删除不需要的插件:您可以用代码替换插件(例如,直接插入GA跟踪代码,使用Facebook窗口小部件代替插件或在HTML + CSS中创建目录吗?可以用代码替换的任何插件都可以吗?.
  • 不要将JetPack用于几个模块:首先,在调试设置中禁用所有当前未使用的模块。接下来,如果仅将JetPack用于几件事情,您真的需要JetPack吗?以放慢网站速度而臭名昭著。您希望找到一个仅具有相同功能的非-肿插件.
  • 查找最慢的插件:使用GTmetrix Waterfall选项卡或Query Monitor(按组件查询的选项卡)查看最慢的插件。如果某个插件在您的PageSpeed + YSlow报告中多次显示,则也可能是一个指示符.

11.限制发布修订版+自动保存

默认情况下,WordPress自动保存每个帖子修订,并在编辑它们时连续保存草稿。保存草稿可能会浪费服务器资源,而存储成千上万的修订版本可能会使您的数据库肿,因此我们至少要调整这些设置.

将此添加到您的wp-config.php中:

define(’AUTOSAVE_INTERVAL’,60 * 60 * 60 * 24 * 365); //将自动保存间隔设置为每年1x
define(’WP_POST_REVISIONS’,3);

您还可以使用Perfmatters或Clearfy禁用自动保存并限制帖子修订.

性能优化设置

12.阻止垃圾邮件机器人攻击您的网站

垃圾邮件漫游器浪费了服务器资源.

他们反复访问您的站点并消耗服务器资源,没有任何好处。而且,如果不检查他们是否访问了您的网站(使用Wordfence),您就不会知道他们在那里.

步骤1:使用查找垃圾邮件机器人 Wordfence的实时流量报告. 如果您发现同一漫游器不断访问您的网站,请使用Google的主机名,并查看其他人是否将其报告为垃圾邮件。 Googlebot和其他合法的bot显然可以,但是据报道,诸如amazon.aws和linode的bot都是问题。这两个机器人几乎每秒都在我自己的网站上运行!

实时交通报告Wordfence

第2步:阻止垃圾邮件机器人使用 Cloudflare防火墙规则, 烧烤炉, 黑洞, 或Wordfence。如果您只有几个主要的垃圾邮件机器人要阻止,我个人会使用Cloudflare的防火墙标尺,因为Wordfence本身会导致CPU占用过多。要进行审查,请在Wordfence中找到垃圾邮件漫游器,使用Cloudflare阻止垃圾邮件漫游器,然后删除Wordfence,以免浪费CPU.

围栏规则

13.将服务器响应时间减少到 <200毫秒

您的服务器(托管)是 WordPress优化指南中的#1因素.

检查你的 服务器响应时间, 通过Google PageSpeed Insights运行您的网站:

减少服务器响应时间

SiteGround (共享主机)和 云道 根据多项Facebook调查,(云托管)通常是排名前2位的主机,其中很多是WordPress Hosting Facebook Group采取的.

无论您做什么,都要避免GoDaddy和 脑电图 他拥有60多个不同的托管公司,包括Bluehost,HostGator,iPage,Site5等。他们因服务器速度慢而臭名昭著.

许多已经迁移到SiteGround,Cloudways和Kinsta的人已经在Twitter上发布了其新加载时间的屏幕截图。有些人看到了 7秒.

那里有很多不良信息-甚至在YouTube上进行的评论都推荐Bluehost,HostGator甚至HostPapa等公司。这是完全荒谬的。在Facebook群组中进行研究,看看真实的人在Facebook + Twitter上怎么说.

SiteGround和Cloudways都将免费迁移您.

切换到SiteGround

SiteGround加载时间迁移

Bluehost到SiteGround GTmetrix

HostGator到SiteGround

SiteGround GTmetrix

SiteGround Google PageSpeed见解

SiteGround 100满分

HostGator到SiteGround的迁移

Joomla上的SiteGround响应时间

切换到SiteGround托管

SiteGround Rocket Imagify Combo

Joomla GTmetrix网站上

SiteGround PageSpeed见解

SiteGround On Joomla

2019年托管投票

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

Elementor托管建议

2019年7月托管建议

WordPress主机投票2018年8月

共享主机投票2017

2019-托管民意调查

去托管公司

WordPress-Hosting-Poll-2017

托管主机轮询

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

Elementor的最爱托管

2018托管建议

WordPress托管投票Sept 2018.png

Managed-WordPress-Hosting-Poll-2017

2019-主机民意调查-1

高速主机投票

WordPress主机投票6月1日

SiteGround-推荐

14.禁用WooCommerce脚本,样式,购物车片段

WooCommerce网站速度缓慢.

部分原因是WooCommerce将脚本,样式和购物车片段添加到网站上的每个页面(甚至是非电子商务页面)。就像您不应该让某些插件在每个页面上运行(技巧2)一样,您也不应该让WooCommerce选项在非电子商务页面上运行。您可以使用 Kinsta的Perfmatters插件 (还可以让您有选择地禁用插件/脚本),否则您可以使用来自Github的这些代码.

性能优化woocommerce优化

禁用WooCommerce脚本

禁用WooCommerce样式:看 Woocommerce的文档.

禁用WooCommerce购物车片段

15.在Facebook组中发布您的GTmetrix报告

如果您仍然需要帮助,可以在Facebook组中向人们提供反馈。还可以给我留下评论,查看我完整的WordPress速度指南,或雇用我的团队进行WordPress速度优化,该团队将在GTmetrix报告之前和之后将您发送给您.

2019-GTmetrix-报告

推荐的Facebook群组

WordPress加速Facebook小组

希望这会有所帮助.

干杯,
汤姆

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