Should you preload fonts for performance?

Should you preload fonts for performance?

摘要

预加载字体看似能提升网页速度，但可能延迟首次内容绘制(FCP)和最大内容绘制(LCP)。Chrome浏览器自2023年起，会等待预加载字体完成后再渲染，以避免字体切换和布局偏移。这虽能减少重绘，但可能延长FCP和LCP时间。建议仅预加载首屏使用的字体，并自托管字体，避免过多预加载。预加载虽能优化渲染，但需谨慎使用，结合实际数据调整策略。