LanielDEV

资深字节垃圾站 & 咖啡戒断互助会

提高页面性能的一些微调

Disqus不能用?那就把它藏起来。

如何为Typekit在线字库瘦身

在上一篇文章中,我们讨论了如何「掩盖」Typekit的加载过程。必须承认,这是一种消极的优化手段,甚至都称不上是一种优化。

其实Typekit远比我们想象得更加智能,它提前为我们缩减在线字库文件大小预留了充分的可能性。

要实现为字库「瘦身」,大致可遵循以下三大原则:

剔除不需要的字重(font-weight),仅留下CSS在渲染页面时所需的;......

如何消除Typekit字体加载过程中的闪屏

使用类似Typekit这样的在线字体,固然可以让网页在任何地点都能获得统一的视觉效果,但缺点也很明显——在字体加载完全之前会出现多次闪屏。

这一问题目前是无法正面解决的,因为各地的网速都不一致,而且像Typekit这样的服务通常在中国的载入速度相当缓慢。

我们只能通过一些曲折的方法掩盖闪屏,但实质上,这种闪烁客观存在且不会以网页设计者的意志而发生转移。 ......

提高页面性能的一些微调

Disqus不能用?那就把它藏起来。

如何为Typekit在线字库瘦身

在上一篇文章中,我们讨论了如何「掩盖」Typekit的加载过程。必须承认,这是一种消极的优化手段,甚至都称不上是一种优化。

其实Typekit远比我们想象得更加智能,它提前为我们缩减在线字库文件大小预留了充分的可能性。

要实现为字库「瘦身」,大致可遵循以下三大原则:

剔除不需要的字重(font-weight),仅留下CSS在渲染页面时所需的;......

如何消除Typekit字体加载过程中的闪屏

使用类似Typekit这样的在线字体,固然可以让网页在任何地点都能获得统一的视觉效果,但缺点也很明显——在字体加载完全之前会出现多次闪屏。

这一问题目前是无法正面解决的,因为各地的网速都不一致,而且像Typekit这样的服务通常在中国的载入速度相当缓慢。

我们只能通过一些曲折的方法掩盖闪屏,但实质上,这种闪烁客观存在且不会以网页设计者的意志而发生转移。 ......