WordPress知识分享

WordPress 如何移除和本地托管Google字体

WordPress主题内置 Google字体会拖慢网站加载速度,特别是在国内主机用 WordPress建站就必须移除 Google字体,否则会影响用户体验。

为了降低 Google字体对网站速度的影响,你可以选择移除或者本地托管这两种方法。下面分别讲解具体办法。

1、移除google字体

移除的方法很简单,早先都是添加代码到 functions.php文件,现在越来越多的网站都愿意使用插件来实现。插件的方法简单快捷、省事儿又不占资源,一键搞定。

很多人在用的是 Disable/Remove Google Fonts 插件。

这个插件安装启用后自动生效,自动移除网站中的 Google字体,无需任何设置。

很多人在用的是 Disable/Remove Google Fonts 插件。

另外一个是 Autoptimize插件,这是特别受欢迎的一款 WordPress优化插件。

先设置至少一个 HTML, JS, CSS 或图像自动优化处于活动状态。然后在 Autoptimize 的“额外”设置中,选择删除谷歌字体即可。

在 Autoptimize 的“额外”设置中,选择删除谷歌字体即可

使用 Autoptimize 的好处是可以优化 HTML, JS, CSS 或图像,功能多多。感兴趣可以查看以前分享的 Autoptimize插件使用教程

如果你同时在使用 Wp-rocket插件,可以同时使用 Disable/Remove Google Fonts 插件。而 Autoptimize的部分功能和火箭插件多有重复,不建议同时使用。

还可以使用国人开发的 WP-China-Yes插件,加速管理后台,加速Gravatar头像,加速谷歌字体,加速谷歌前端公共库。

2、移除google字体后效果如何

我们使用 Gtmetrix 来检测移除 google字体之前和之后的效果,截图对比。

打开 Gtmetrix 输入要检测的域名,检测结果中点击 waterfall > Fonts,如果看到 fonts.gstatic.com 就代表有谷歌字体了,如下图所示。

也能看到检测结果分数还是有提升空间的。

打开 Gtmetrix  输入要检测的域名,检测结果中点击 waterfall > Fonts

启用 Disable/Remove Google Fonts 插件后,效果如下图所示:

启用 Disable/Remove Google Fonts 插件后,效果如下图所示

对比一下性能提升、内容绘制时间降低、请求数减少了3个(从26到23),网页大小也减少了44%。提速效果还是很明显的。

进一步配合火箭插件或 Autoptimize插件的压缩功能,还可以进一步提速。

3、Astra主题自带本地化 Google字体

上面提到的都是移除 google字体,而本地化 google字体的插件都要 pro版本(额外付费)。

Astra主题自带本地化 Google字体的设置,无需付费即可实现。提供以下三种功能:

  • Google字体本地化
  • 预加载字体
  • 手动刷新和定期自动刷新字体

如果你正好使用 Astra主题还能少安装插件,一举多得,

赞(0)
文章名称:《WordPress 如何移除和本地托管Google字体》
文章链接:https://www.vpsss.net/27108.html
版权声明:本站资源仅供个人学习交流,禁止转载,不允许用于商业用途,否则法律问题自行承担。
图片版权归属各自创作者所有,图片水印出于防止被无耻之徒盗取劳动成果的目的。