Web fonts loaded without font-display or preload hint

Your site loads fonts from Google Fonts without two important optimisations: a font-display:swap instruction (which tells the browser to show text immediately in a fallback font while the custom font loads) and a preload hint (which tells the browser to fetch the font early). Either or both are missing. Without font-display:swap, text remains invisible until the custom font finishes downloading. Visitors see a blank page longer than necessary. This directly harms your page's Largest Contentful Paint score — a key Google ranking signal and a major source of perceived slowness. If you load fonts via a Google Fonts URL, add &display=swap to the URL. For self-hosted fonts, add font-display: swap inside your @font-face CSS rules. Additionally, add a <link rel="preload"> tag in your page header for the most critical font file.

Why this matters

Without font-display:swap, text remains invisible until the custom font finishes downloading. Visitors see a blank page longer than necessary. This directly harms your page's Largest Contentful Paint score — a key Google ranking signal and a major source of perceived slowness.

How to fix it

If you load fonts via a Google Fonts URL, add &display=swap to the URL. For self-hosted fonts, add font-display: swap inside your @font-face CSS rules. Additionally, add a <link rel="preload"> tag in your page header for the most critical font file.