Kadence主题如何将谷歌字体本地化?Google字体本地化的好处

Kadence主题本地化 Google字体后字体速度要快很多,当你把网络字体存储在自己主机中时,就不会再依赖google cdn提(请记得收藏本站-A5云,以获取更多新鲜内容)供的字体服务了。由此带来的好处是很多的,下面本站笔记详细简介 Google字体本地化的好处及如何设置。

Kadence主题 点我直达 Kadence pro主题基于古腾堡编辑器,快速建站,没有多余代码,小白也能很快上手。入门点击Kadence主题如何快速搭建网站。 更多Kadence主题内容请看Kadence专题
学习、小网站选择 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请求数量,为网站提速加分。