WordPress 是使用非常广泛的内容管理系统,很多用户在安装 WordPress 后,会感觉前台或后台打开速度不是很理想。这种情况不一定都是服务器问题,有时候也和主题、插件加载 Google Fonts 有关。
如果你还没有处理服务器基础优化,也可以先查看 搬瓦工KVM方案购买与性能优化教程 (BBR加速/锐速对比)。服务器线路、系统加速和 WordPress 前端资源加载都会影响网站打开速度,本文主要解决的是 Google Fonts 这一类前端资源问题。
国内访问时,如果网站一直等待谷歌字体资源加载,就可能拖慢页面打开速度,特别是一些国外主题、页面编辑器和插件,会默认调用 Google Fonts,对国内用户并不友好。
WordPress 网站里的 Google Fonts 可能来自主题,也可能来自插件,部分后台页面或编辑器也可能加载相关字体资源,不同主题和插件的调用方式不一样,处理方法也不完全相同。
如果你的 WordPress 网站还没有搭建好,可以先参考 宝塔面板安装Wordpress博客详细教程,完成网站程序、数据库和后台登录以后,再回来处理谷歌字体加载问题。
如果是主题调用的谷歌字体,可以先看主题设置里有没有关闭选项;如果没有,再用插件处理。不建议大家直接修改主题文件,因为主题文件改错以后可能影响网站显示,而且主题后续升级时,修改过的内容也可能被覆盖。
那么,有没有比较简单的解决办法?下面 搬瓦工给大家介绍两种常见方法。
1、使用专门禁用 Google Fonts 的插件进行处理。
2、使用 Autoptimize 这类优化插件,在插件设置中关闭或处理 Google Fonts。
第一种方法只管 Google Fonts,适合只想解决谷歌字体加载问题的用户;第二种方法功能更多,除了处理 Google Fonts,还可以顺便优化 CSS、JS、HTML 等前端资源,新手不建议直接改代码,优先使用插件会更方便。
下面开始具体操作。
一、使用 Disable and Remove Google Fonts 插件
Disable and Remove Google Fonts 是一款专门处理 Google Fonts 的 WordPress 插件。它可以帮助我们移除主题、后台以及部分插件加载的谷歌字体资源,大部分常见主题和插件加载的 Google Fonts 都可以通过它处理掉。
在 WordPress 后台进入“插件”-“安装插件”,搜索 Disable and Remove Google Fonts,找到由 Fonts Plugin 发布的插件后点击安装,如图:
如果后台搜索不到插件,也可以通过 WordPress 官方插件页面进行下载。
下载地址:https://cn.wordpress.org/plugins/disable-remove-google-fonts/
如图:
下载安装后,启用插件即可使用,启用以后,建议清理一下网站缓存和浏览器缓存,再打开前台页面测试效果。
二、使用 Autoptimize 处理 Google Fonts
Autoptimize 是一款常见的 WordPress 页面优化插件,中文名称叫“自动优化”,它不是专门禁用谷歌字体的插件,而是一款综合优化插件。
Autoptimize 可以压缩和优化 CSS、JS、HTML,也可以处理图片、emoji、查询字符串等内容。在它的额外设置里,也提供了 Google Fonts 相关选项,可以用来删除或优化谷歌字体加载。
在 WordPress 后台插件中心搜索 Autoptimize,找到由 Frank Goossens (futtta) 发布的插件后点击安装,如图:
如果后台搜索不到插件,也可以通过 WordPress 官方插件页面进行下载。
下载地址:https://wordpress.org/plugins/autoptimize/
如图:
下载安装后启用插件。
如图:
启用 Autoptimize 后,进入插件设置页面,在“额外”选项里找到 Google 字体相关设置,选择删除 Google 字体,然后保存设置。
保存以后,同样建议清理网站缓存和浏览器缓存,再重新打开网站前台和后台,看看页面加载是否正常。
三、两种方法怎么选择
如果你的目的只是禁用 WordPress 网站里的 Google Fonts,可以优先使用 Disable and Remove Google Fonts。它的功能比较单一,安装启用后就可以处理大部分谷歌字体加载问题,新手操作起来也简单。
如果你本来就想顺便优化 CSS、JS、HTML 等前端资源,可以考虑使用 Autoptimize。不过 Autoptimize 功能比较多,不建议新手一上来就乱勾选所有选项,先处理 Google Fonts 就可以。
如果你的网站已经使用了其它缓存插件,比如 WP Rocket、LiteSpeed Cache 等,也要注意不要同时开启太多重复优化功能,避免 CSS 或 JS 被多次压缩后影响网站显示。
四、禁用后怎么检查是否生效
插件启用后,不代表一定马上就能看到效果,因为很多 WordPress 网站都会使用缓存,所以建议先清理缓存,再重新打开网站测试。
可以重点检查这几个地方:
- 打开网站前台页面,看页面是否还能正常显示;
- 登录 WordPress 后台,看后台加载是否正常;
- 如果使用了缓存插件,清理缓存后再测试;
- 如果浏览器开发者工具里不再看到
fonts.googleapis.com或fonts.gstatic.com相关请求,说明谷歌字体基本已经处理掉。
如果启用插件后网站样式出现问题,可以先停用插件,再检查是不是主题或其它优化插件之间有冲突。普通网站一般不会因为禁用 Google Fonts 影响主要功能,但不同主题的写法不一样,测试一下更放心。
五、总结
WordPress 网站在国内访问慢,不一定都是 VPS 配置不够,也可能是主题或插件加载了 Google Fonts,导致页面一直等待字体资源。遇到这种情况,可以先用插件处理,不建议新手直接修改主题文件或 WordPress 核心文件。
如果只是想禁用谷歌字体,可以使用 Disable and Remove Google Fonts;如果还想顺便做一些前端优化,可以使用 Autoptimize,并在额外设置里处理 Google Fonts。
通过上面两种插件,可以减少 WordPress 加载谷歌字体的问题,对国内访问速度有一定帮助。设置完成后记得清理缓存,并打开前台和后台简单测试一下,确认网站显示正常。
如果网站后面主要面向手机用户,也可以继续了解 Google AMP 插件 加速 WordPress 移动网页加速教程。不过 AMP 不是禁用谷歌字体的必做步骤,建议先把 Google Fonts、缓存和主题插件这些基础问题处理好以后再考虑。
- 入门:KVM 常规套餐价格较低,适合预算有限、建站测试或轻量使用。
- 推荐:CN2 GIA-E 套餐机房选择更多,线路表现更适合大陆访问用户。
- 高端:香港、日本大阪等套餐价格更高,适合对延迟、机房位置或线路有具体要求的用户。
| 套餐 | CPU | 内存 | 硬盘 | 流量 | 带宽 | 机房 | 价格 | 购买 |
|---|---|---|---|---|---|---|---|---|
| KVM (最便宜) | 2核 | 1GB | 20GB | 1TB | 1Gbps | DC2 AO DC8 ZNET | $49.99/年 最便宜 | 购买 |
| 3核 | 2GB | 40GB | 2TB | 1Gbps | $52.99/半年 $99.99/年 | 购买 | ||
| CN2 GIA-E 最推荐 | 2核 | 1GB | 20GB | 1TB | 2.5Gbps | DC6 CN2 GIA-E DC9 CN2 GIA 软银 JPOS_1 荷兰 EUNL_9 圣何塞 CN2 GIA 加拿大 CN2 GIA | $49.99/季度 $169.99/年 | 购买 |
| 3核 | 2GB | 40GB | 2TB | 2.5Gbps | $89.99/季度 $299.99/年 | 购买 | ||
| SLA (SLA 保障) | 2核 独享 | 1GB | 20GB | 1TB | 2.5Gbps | 美国 DC5 SLA 99.99% 在线率 每两周免费换IP一次 | $65.89/季 $239.99/年 | 购买 |
| 3核 独享 | 2GB | 40GB | 2TB | 2.5Gbps | $116.99/季 $399.99/年 | 购买 | ||
| 香港(HKHK_8) 高端首选 | 2核 | 2GB | 40GB | 0.5TB | 1Gbps | 中国香港 日本东京 日本大阪 新加坡 | $89.99/月 $899.99/年 | 购买 |
| 4核 | 4GB | 80GB | 1TB | 1Gbps | $155.99/月 $1559.99/年 | 购买 | ||
| 大阪(JPOS_6) (高性价比) | 2核 | 2GB | 40GB | 0.5TB | 1.5Gbps | 日本大阪 | $49.99/月 $499.99/年 | 购买 |
| 4核 | 4GB | 80GB | 1TB | 1.5Gbps | $86.99/月 $869.99/年 | 购买 |

搬瓦工




