Web前端性能优化之web font

1. LCP 元素竟然是 Title 区域
2. web font 渲染时机
3. web font 下载提速
• 提前加载 web font
• 字体子集化缩减 web font 体积
4. 优化效果

LCP 元素竟然是 Title 区域

一般情况下页面 LCP 元素是首屏最大的图片，即使托管在了 CDN、并且 preload 图片下载仍需要一定时间，但最近分析团队负责的某个页面时候竟然发现 20% 左右的页面访问 LCP 竟然是一个没有任何图片的文本区域，仅次于页面首屏最大图片。

以上就是 Web 前端性能优化之 web font 的详细内容，更多请关注www.mimiwuqi.com的其它相关文章！