谷歌提出新的字体调用方案帮助提高中文字体的加载速度

谷歌提出新的字体调用方案帮助提高中文字体的加载速度

大家好,又见面了,我是全栈君。

谷歌旗下的网页字体调用Google Fonts API旨在帮助用户加载不同网站时复用资源达到提高加速速度的目的。目前该公司提出了新的解决方案用来提高中文字体的加载速度, 该方案主要利用机器学习对字符集进行排序。我们知道拉丁语系的网络字体通常大小只有 100~400KB,其他写作系统的字体大小通常只在200~600KB间。

 

但是中文系列的字体文件则需完整包含 44,683 个字符,这致使整个字体文件的大小介于15MB~20MB 之间。因此中文网站在调用网络字体时会占用服务器带宽资源, 同时用户也需消耗更多的时间去加载网络字体文件。

437dde096013d66.jpg

 

谷歌新的解决方案:

本次谷歌提出的新方案时按照机器学习对中文网页进行扫描,然后再统计哪些字符可能会共同出现在网页上。最终按照机器学习结果将44,683 个字符排列成102个切片,在浏览网页时浏览器会按照顺序加载需要的字体。

谷歌本次切片和测试的字体为 Noto Sans SC 切片版,使用切片版字体进行调用时可以极大地降低延迟时间。而谷歌Google Fonts API本身支持跨网站缓存,因此越多的网站使用切片字体用户加载的时间就会越来越短。本次新增的切片版字体为Noto Sans SC Sliced字体文件,Noto Sans SC版不支持切片但拥有更多字体样式。

切片字体调用说明:

@import url(//fonts.proxy.ustclug.org/earlyaccess/notosansscsliced.css);font-family: ‘Noto Sans SC Sliced’, sans-serif;

目前谷歌字体调用国内解析地址已经为谷歌中国BGP服务器,如果你觉得加载缓慢还可使用中科大反向代理。地址:fonts.gstatic.com—>fonts-gstatic.proxy.ustclug.org  ||  fonts.proxy.ustclug.org—>fonts.proxy.ustclug.org (均支持HTTPS)

更多具体细节请访问:https://fonts.google.com/earlyaccess#Noto+Sans+SC+Sliced

测试计划:

谷歌邀请准备测试和使用切片字体的网站帮助改善切片字体技术,使CJK网页字体的加载速度可以继续提高。如果您的网站准备使用切片字体可以在网站头部附加小型js库向谷歌发送切片字体的加载以及网页加载时间。

该库只收集以下内容:1、下载切片字体的时间;2、下载 Google Fonts CSS 时间;3、网页整体加载时间。如果您愿意帮助谷歌改进中文切片字体技术那么请在网页头部添加以下代码:(未使用切片字体无需添加)

<script src=”//fonts.gstatic.com/ea/timing/v1/mlfont.js” async></script>

 

转载于:https://www.cnblogs.com/fonts/p/7442369.html

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/108204.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • 【Redis】五种数据类型「建议收藏」

    【Redis】五种数据类型「建议收藏」【Redis】五种数据类型

    2022年4月25日
    43
  • QT下载安装教程

    QT下载安装教程文章目录下载安装编写程序下载下载QT安装包网址:https://download.qt.io/或者https://download.qt.io/archive/qt/选择需要的版本安装注意:在不连网下安装,否者第二步需要注册才能跳过这一步中选择对应的的组件安装即可,不用选择所有。例如可以在QT5.9.7下只选择MSVC201764-bit和MinGW这两个组件编写程序可以使用QT自带的QTCreator也可以使用VisualStudio,编写QT方法

    2022年5月17日
    40
  • 3个国内最大的黑客学习网站

    3个国内最大的黑客学习网站1、i春秋国内比较好的安全知识在线学习平台,把复杂的操作系统、工具和网络环境完整的在网页进行重现,为学习者提供完全贴近实际环境的实验平台,地址:https://www.ichunqiu.com/main2、XCTF_OJ练习平台XCTF-OJ(XCaptureTheFlagOnlineJudge)是由XCTF组委会组织开发并面向XCTF联赛参…

    2022年7月15日
    38
  • SpringBootTest无法启动

    SpringBootTest无法启动Suppressed:java.lang.IllegalStateException:Unabletofinda@SpringBootConfiguration,youneedtouse@ContextConfigurationor@SpringBootTest(classes=…)withyourtestatorg.springframework.util.Assert.state(Assert.java:76)解决方法将test目录与java目录保持一致,编译完成之

    2022年5月20日
    31
  • Apache OpenSSL生成证书使用

    Apache OpenSSL生成证书使用最近在学习SSL协议,这次是基于Apache服务器自带的openssl来实现的TLS:传输层安全协议SSL:安全套接字层KEY:私钥CSR:证书签名请求,即公钥,生成证书时需要将此提交给证书机构,生成X509数字证书前,一般先由用户提交证书申请文件,然后由CA来签发证书CRT:即证书,一般服务器证书server.crt和客户端证书client.crt都需要通过CA证书c

    2022年9月15日
    4
  • 算法导论第三版   练习2.2-2

    算法导论第三版   练习2.2-2

    2021年9月4日
    64

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号