Custom @font-face declarations without font-display:swap
font-display is a setting on custom web fonts that controls what happens while the font file is still loading. Without it set to swap, text using that font can stay completely invisible until the file finishes downloading, an effect sometimes called FOIT, Flash of Invisible Text. This check found custom @font-face declarations on this site without font-display: swap. Invisible text while a font loads can hurt perceived performance by 200-500 milliseconds, making the page feel slower to load than it actually is, even though nothing is technically broken. This has been a standard recommendation since 2018 and is still commonly missing on older codebases. Your developer should add font-display: swap; to every @font-face declaration in the site's CSS. This shows the fallback system font immediately and swaps to the custom font once it is ready, so text is never invisible. This is a quick, low-risk change, about fifteen minutes.
Why this matters
Invisible text while a font loads can hurt perceived performance by 200-500 milliseconds, making the page feel slower to load than it actually is, even though nothing is technically broken. This has been a standard recommendation since 2018 and is still commonly missing on older codebases.
How to fix it
Your developer should add font-display: swap; to every @font-face declaration in the site's CSS. This shows the fallback system font immediately and swaps to the custom font once it is ready, so text is never invisible. This is a quick, low-risk change, about fifteen minutes.