public marks

PUBLIC MARKS from srcmax with tags webperf & "font face"

17 May 2023 13:45

Best practices for fonts

This 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.

srcmax's TAGS related to tag webperf

font face +   google font +   js +   lib +   nuxt +   optimisation +   optimization +   performances +   speed +   test +