Kadence主题本地化 Google字体后字体速度要快很多,当你把网络字体存储在自己服务器中时,就不会再依赖google cdn提供的字体服务了。由此带来的好处是很多的,下面魏艾斯笔记详细介绍 Google字体本地化的好处及如何设置。
学习、小网站选择 1核2g配置的服务器起步,国外主题建站选择 2核4g配置,适当搭配运行流畅。
国内服务器:阿里云、腾讯云(都有代金券,付款时抵用省钱) 不知道如何选择地域、配置请在页面右侧+老魏研究。
外贸、B2C/C2C等网站在国外注册域名。打开namesilo官网,在搜索框里输入并选择好后注册,记得使用优惠码省钱。优惠码点击国外域名商Namesilo域名注册教程获取。
外贸网站建议选择Hostinger虚拟主机,价格便宜,性价比极高!Hostinger专题
选择SiteGround虚拟主机。价格适中服务好!SiteGround专题
一、Google字体本地化的好处
总体来说,有以下几点好处:
1.1、减少监管问题
德国对某个网站通过 google字体在未经授权且没有正当理由的情况下将访客的 IP 地址传递给了 Google的行为加以惩罚。该网站违反了欧盟通用数据保护条例(GDPR)而被罚款。
如果不希望下一个是你,那么最好把谷歌字体本地化来规避这个麻烦。
1.2、Chrome浏览器下载字体
从 2020 年 10 月起,Chrome浏览器对 HTTP缓存分区,导致用户每次访问网站时都会重新下载 Google 字体,即使用户浏览器已有字体缓存仍会从 Google 的 cdn服务器重新下载。
1.3、减少第三方查找
网站代码中的 DNS 请求越少,网站打开越快。
1.4、预加载 Google 字体
kadence主题能预加载谷歌字体并提供更好的CSS 属性来增强用户体验。
1.5、消除 Lighthouse 页面速度警告
Lighthouse 评测结果中有:减少第三方代码的影响之类的警告,尽管你可以选择忽略,但这是来自谷歌的提示让我们不得不重视起来。
二、Kadence主题 google字体本地化设置
安装 kadence主题,就能增加在本地托管 Google 字体的功能了。
Kadence官方说要同时启用 Kadence Pro 插件才行,但老魏实测安装 kadence主题就可以。
在 WordPress后台>外观>自定义>通用>效果(performance 性能),会看到在本地加载 Google 字体以及预加载本地字体(preload local fonts)的选项,如下图所示启用这两个选项。
更改后建议刷新本地字体文件以清除缓存,如果使用了缓存插件也要清理一下缓存。

额外操作:可选启用css预加载,如果前台网页显示不正常就取消掉。
Kadence主题启用谷歌字体就是这么简单,并且有预加载功能,减少了网页的dns请求数量,为网站提速加分。
魏艾斯笔记