17 May 2023 13:45
Best practices for fonts
by srcmaxThis article discusses performance best practices for fonts. There are a variety of ways in which web fonts impact performance:
Delayed text rendering: If a web font has not loaded, browsers typically delay text rendering. In many situations, this delays First Contentful Paint (FCP). In some situations, this delays Largest Contentful Paint (LCP).
Layout shifts: The practice of font swapping has the potential to cause layout shifts and so impact Cumulative Layout Shift (CLS). These layout shifts occur when a web font and its fallback font take up different amounts of space on the page.
1
(1 marks)