我手头上有个线上的项目,首页加载速度比较慢,在测试环境中页面呈现出来需要5S左右,正式环境也需要2~3秒,对于用户而言,这个速度显然是无法忍受的。因此,我开始对这个项目做优化。在chrome浏览中按F12打开开发者工具,进入network那一栏,重新加载页面,我发现了这个项目的字体文件love.ttf“”加载居然花费了1.35秒的时间,如下图所示。
针对这个问题,我首先想到的是压缩字体文件大小,毕竟一个168k的字体文件还是有点偏大的,在网上查找压缩字体文件的工具,发现大家推荐最多的是font-spider这个工具,于是用这个工具试了试,完美将文件压缩到7.9k,加载时间也减小到118ms。