The article discusses the performance drawbacks of loading fonts from popular third-party providers like Google Fonts and Typekit. It criticizes their traditional stylesheet link loading method for blocking page rendering, suggesting its ineffectiveness. Instead, the author proposes a better approach: using an asynchronous JavaScript font loader that allows fonts to load without delaying page rendering, while still keeping text hidden temporarily to accommodate the font loading. This strikes a balance between performance and user experience, especially as network speeds improve.
If you're loading fonts from a popular third party provider like Google Fonts or Typekit, the stylesheet link-based loading snippets they offer are not great from a performance perspective.
A better compromise allows for asynchronous font loading while rendering the page, thus hiding text for a few seconds to accommodate font load without delaying rendering.
Collection
[
|
...
]