博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
谷歌提出新的字体调用方案帮助提高中文字体的加载速度
阅读量:7236 次
发布时间:2019-06-29

本文共 1192 字,大约阅读时间需要 3 分钟。

谷歌旗下的网页字体调用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.googleapis.com/earlyaccess/notosansscsliced.css);font-family: 'Noto Sans SC Sliced', sans-serif;

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

更多具体细节请访问:

测试计划:

谷歌邀请准备测试和使用切片字体的网站帮助改善切片字体技术,使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

你可能感兴趣的文章
选择固态硬盘有哪些注意的事项
查看>>
数澜天湛分享:地产大数据下一站——数据中台
查看>>
物联网在车联网中的应用
查看>>
移动互联网时代考勤管理的新模式
查看>>
【响应式】基本概念&设计技巧&开发流程&经验技巧&实例参考
查看>>
objective-c设计模式之---工厂方法和抽象工厂
查看>>
什么是数据湖?有什么用?终于有人讲明白了……
查看>>
易天光通信10G SFP+光模块系列分类
查看>>
U盘格式化后数据恢复,格式化后能恢复吗
查看>>
pop3协议capa指令总结
查看>>
有序线性表的有序合并
查看>>
Windows2003无法连接远程桌面问题 解决方法!
查看>>
为wordpress后台登陆添加算术验证码
查看>>
web的安全性(转贴)
查看>>
[JavaScript]
查看>>
一个Linux程序的执行过程的详解
查看>>
思科路由器配置文件备份和IOS 的备份
查看>>
如何自定义容器网络?- 每天5分钟玩转 Docker 容器技术(33)
查看>>
32位支持大容量内存详解
查看>>
HTTP 之 编译安装HTTPD2.4
查看>>