@next/next/google-font-preconnect

Google Fonts serves its font files from fonts.gstatic.com. A <link> to that host is there to open the connection early, so the font download doesn't wait for DNS and TLS. Without rel="preconnect", the browser doesn't do that.

The rule looks at <link> elements with an href that starts with https://fonts.gstatic.com.

Configure

Off by default. To turn it on:

[lint.rules]
"@next/next/google-font-preconnect" = "error" # or "warn"

Examples

Reported:

const hint = <link href="https://fonts.gstatic.com" />;

const hint = <link rel="preload" href="https://fonts.gstatic.com" />;

Not reported:

const hint = <link rel="preconnect" href="https://fonts.gstatic.com" />;