WordPress性能优化插件 – Perfmatters使用教程(基础)
Perfmatters是一个轻量级的Web性能插件。访问速度缓慢的WordPress网站跳出率会很高,转化率会…
Perfmatters是一个轻量级的Web性能插件。访问速度缓慢的WordPress网站跳出率会很高,转化率会很低,Perfmatters插件旨在加快WordPress的网站速度!使用该插件,可以将请求减少了10%,页面速度加快12%。请注意Perfmatters不是缓存插件,推荐与WP Rocket(火箭)配合使用。
Perfmatters插件优点
速度优化
通过减少HTTP请求,禁用插件,去除代码并优化数据库来提高站点速度。
轻量级的
干净,有效和轻量级的代码,启用插件后,在网站前端没有加载任何JavaScript。以Perfmatters v1.6.6为例,安装包仅331KB。
兼容性
可以与所有编码规范的主题和插件一起使用,完美兼容WP Rocket、WP Super Cache、W3 Total Cache等缓存插件。
Perfmatters插件常规功能设置界面
上图为Perfmatters插件的常规功能设置界面,以上为推荐设置供参考。
Perfmatters插件常规功能设置详解
- 禁用表情符号:不论是否使用表情,WordPress默认会加载一个JavaScript文件
wp-emoji-release.min.js
,该文件约4.6KB,开启该选项后,会在WordPress前端移除该文件,达到网页加速的效果。 - 禁用嵌入:WordPress从4.4版开始,新增了嵌入功能,该功能可在编辑时自动将YouTube视频,推文和URL转换为预览。如果不需要使用该功能,则可以禁用它,这样在前端就不会加载
wp-embed.min.js
文件,该文件大约1.3KB。 - 禁用XML-RPC:XML-RPC可允许远程连接,除非使用移动设备发布到WordPress,否则这个功能弊大于利,它会使网站面临很多安全风险。
- 移除jQuery迁移:即jquery-migrate.min.js文件,其实大多数最新的前端代码和插件都不需要
jquery-migrate.min.js
,该文件约11KB。注意:如果正在运行诸如Divi,Elementor或Thrive Architect之类的页面构建器,建议保留jQuery Migrate,否则会引起一些错误。 - 隐藏WP版本:默认情况下,每个WordPress网站页面中都会显示标记:
<meta name="generator" content="WordPress 5.6.1" />
,它显示了正在运行的WordPress版本,移除这行代码可以让网页的体积变小,同时还能让黑客无法轻易获取WordPress版本信息。 - 删除wlwmanifest链接:这个链接是Windows Live Writer使用的,如果您不知道使用Windows Live Writer(猜测您没有),那么这就是不必要的代码。
- 删除RSD链接:这是供客户端使用的链接,如果通过浏览器编辑网站,则不需要此功能。
- 移除短链接:默认情况下,WordPress会在文章页面中添加<link rel=’shortlink’ href=’https://domain.com?p=168′ />这样的代码,如果使用了伪静态,则这样行代码也是没用的。
- 禁用 RSS 源:默认情况下,WordPress会为站点生成所有类型的不同RSS源。如果是博客、新闻或资讯类型的网站,从SEO的角度来说,不建议禁用。
- 移除RSS源链接:与WordPress生成RSS的方式类似,它还会为网站的页面/帖子,评论,标签等生成RSS链接。
- 禁用 Self Pingbacks:pingback本质上是在另一个博客链接到您时自动创建的评论。基本上,Pingbacks会产生大量垃圾信息,而且会浪费资源。
- WordPress提供的REST API,允许开发人员通过远程发送和接收JSON对象与网站进行互动。
- 禁用 REST API:WordPress提供的REST API,允许开发人员通过远程发送和接收JSON对象与网站进行互动。如果存在以下情况的,不能完全禁用REST API:
- 使用Yoast SEO或Ryte仪表板小部件
- 一些特定的WooCommerce仪表板小部件
- 当进行页面/文章后期编辑时,新的Gutenberg块编辑器将使用REST API进行通信。如果完全禁用它,则会出现错误:“更新失败。”
- 移除 REST API 链接:将移除页面上的
<link rel='https://api.w.org/' href='https://domain.com/wp-json/' />
这一行代码。 - 禁用面板图标:
dashicons.min.css
是WordPress官方出品的管理后台中使用的图标字体样式文件,部分主题或插件也许会在前端使用到它,如果禁用后出现问题,可以再开启,该文件约57KB。 - 某些WordPress主题和插件内置了Google Maps API,但不幸的是有时没有办法将其关闭。
- 禁用谷歌地图:某些WordPress主题或插件内置了Google Maps API,有时没有办法将其关闭,这会拖慢网页加载速度。
- 禁用谷歌字体:在国内的用户尽量不要使用谷歌字体了,就算一定要用,也请使用本地缓存或第三方镜像吧。
- 禁用密码强度尺:在最新版本的WooCommerce和WordPress中引入了一个集成的密码强度表,该强度表可强制用户使用强密码。
/wp-includes/js/zxcvbn.min.js
与/wp-admin/js/password-strength-meter.min.js
,两个文件约400KB。 - 禁用评论:如果不想处理审核大量的垃圾评论,最好完全禁用WordPress评论功能。
- 移除评论的URL:这将完全删除WordPress评论中的链接和网站字段,如果禁用了评论,该选项就没关系了。
- 禁用 Heartbeat:Heartbeat API是内置于WordPress的简单服务器轮询API,允许近实时前端更新。页面加载后,客户端心跳代码会设置一个间隔(称为“滴答声”),每15-60秒运行一次。但它也会导致较高的CPU使用率和疯狂的PHP调用。例如,如果将仪表板保持打开状态,它将每隔15秒钟定期向该文件发送POST请求。
- 限制帖子修订:可以关闭或设置允许存在多少个修订版本,这可以让数据库体积更小。
- 自动保存时间间隔:推荐设置为3-5分钟。
- 更改登录网址:此处为修改后台登陆地址,默认情况下,WordPress使用
https://yourdomain.com/wp-admin/
,问题在于,机器人,黑客等在寻找漏洞和进入站点的入口点时都会扫描它,出于安全考虑,建议将其设置成其它自定义URL(但请牢记新的后台登陆URL)。
Perfmatters延迟加载设置
WordPress 5.5或以上版本默认具有本地延迟加载功能,但是,建议在Perfmatters中使用延迟加载解决方案。为什么?由于以下原因,Perfmatters的解决方案比本地延迟加载更快,更好:
- 本地意味着让浏览器决定应延迟加载的内容,这需要浏览器支持(目前最新版的Chrome、微软Edge、火狐等浏览器均支持)。但在默认情况下,Chrome浏览器会在页面加载时急于获取其大于页面下方4倍的图像。这可能是一个优势,因为不需要任何排除,但总的来说,不会有较多的资源被延迟加载,这意味着网页浏览速度不会太快。
- 本地延迟加载正在不断的完善升级,但仍然缺少对某些功能的支持。而Perfmatters添加了很多功能,如上图所示。
- Images:第一个选项,最常见的是延迟加载图片,包含所有常见的图片格式。包括style属性内的嵌入式背景图像。
- iFrames and Videos:延迟加载iframe和视频,这包括YouTube,Vimeo和任何类型的iframe。这也适用于使用
video
标签嵌入文件URL的视频。 - YouTube Preview Thumbnails:延迟加载YouTube预览缩略图,替换带有预览缩略图和轻量级SVG播放图标的YouTube iframe,然后在点击时加载iframe。这是加载YouTube视频的最快方法。
- Exclude from Lazy Loading:从延迟加载中排除图像,还可以使用添加class属性来排除某一类图像,例如添加:
class ="example"
,这样凡是有class属性为example的图像均不会延迟加载。或者在CSS样式中为某一类图片添加no-lazy
类即可。 - DOM Monitoring:监视DOM中的更改,并动态延迟加载新添加的元素。
注意:如果使用了WP Rocket(火箭)中的延迟加载功能,就无需再开启Perfmatters中的延迟加载,其效果是一样的。
Perfmatters的WooCommerce优化设置
WooCommerce的功能非常强大,很多购物网站或电子商务网站都采用WooCommerce,但让人吐槽最多的就是速度较慢。
- 禁用脚本:WooCommerce在默认情况下会在WordPress网站的每个页面上加载其脚本和样式(多达8个文件),哪怕页面上没有任何产品。开启该选项可以在产品,购物车和结帐页面之外的所有位置禁用WooCommerce脚本和样式。
- 禁用购物车碎片化:这是一个翻译错误,应该是“购物车代码段”,它的作用是通过AJAX请求,更新购物车的数量。这个功能是否需要,取决于使用的主题,如果未使用该功能,可以将其禁止,有些网站可以提速3-10秒。
- 禁用状态元:WooCommerce默认有一个状态窗口小部件,可在WordPress仪表板中加载,但很多时候,由于没有很多有价值的信息,所以可以禁止它。
- 禁用小工具:WooCommerce附带了许多小工具,很多时候,我们使用的主题并没有在任何地方使用,因为主题都有自己的代码来显示产品,如果不禁用的话,可能会增加后端和前端负载。
CDN 链接重写
这个功能并不是开启CDN,只是将源URL替换成CDN的URL,例如上图的设置,会将前端页面中wp-content与wp-includes目录下,除了PHP文件之外的所有URL重写成https://cdn.zhanzhangb.com/文件名,例如:
https://www.zhanzhangb.com/wp-includes/css/dist/block-library/style.min.css?ver=5.6.1
被重写成:
https://cdn.zhanzhangb.com/wp-includes/css/dist/block-library/style.min.css?ver=5.6.1
如果需要排除其它文件类型,只需添加其扩展名即可,例如排除css样式文件,添加.css
,多个文件类型中间用英文,
隔开。
开启此选项之前,请确保已配置好相应的CDN缓存域名与缓存服务。
注意:如果使用了WP Rocket(火箭)且启用了CDN,此处不用重复开启。
Perfmatters优化谷歌分析(Google Analytics)代码
该功能主要是将Google Analytics的统计代码本地化,达到快速加载的效果。(如果开启了CDN功能,还可以通过CDN加载)
在Script Type选项中,可以选择的选项有:
- analytics.js(默认):analytics.js文件有18.4 KB,是包含所有功能的标准Google Analytics(分析)脚本,这是默认选项。
- gtag.js v4:是51.5 KB,是Google Analytics(分析)的最新版本。可以跟踪事件和点击次数,而无需任何其他代码,并且可以使用Google全新的分析界面。
- Minimal:analytics-minimal.js是一个较小且经过优化的开源脚本,仅1.5 KB。支持统计浏览量,用户,位置,设备,流量来源和实时信息。但不具有analytics.js的所有功能,例如:站点速度监视。
- Minimal Inline:将analytics-minimal.js内联在页面中,将减少对文件的HTTP请求,但会增加HTML页面的总大小。
Perfmatters已激活版 – 免费下载
https://www.zhanzhangb.com/1391.html
本文收集自互联网,转载请注明来源。
如有侵权,请联系 wper_net@163.com 删除。
评论功能已经关闭!