基于font-spider的前端字库优化

项目首页加载速度慢,发现字体文件love.ttf加载耗时1.35秒。采用font-spider工具,成功将字体文件从168k压缩到7.9k,加载时间降至118ms。本文介绍了使用font-spider的步骤和注意事项。
摘要由CSDN通过智能技术生成

           我手头上有个线上的项目,首页加载速度比较慢,在测试环境中页面呈现出来需要5S左右,正式环境也需要2~3秒,对于用户而言,这个速度显然是无法忍受的。因此,我开始对这个项目做优化。在chrome浏览中按F12打开开发者工具,进入network那一栏,重新加载页面,我发现了这个项目的字体文件love.ttf“”加载居然花费了1.35秒的时间,如下图所示。


       针对这个问题,我首先想到的是压缩字体文件大小,毕竟一个168k的字体文件还是有点偏大的,在网上查找压缩字体文件的工具,发现大家推荐最多的是font-spider这个工具,于是用这个工具试了试,完美将文件压缩到7.9k,加载时间也减小到118ms。

评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值