Use `preconnect` to Speed Up Connections to Third-Party Domains

Performance Analyzer

What is this warning?

Your page connects to other websites to load resources like fonts, scripts, or analytics. Each of these connections takes time to establish. You can speed this up by using a 'preconnect' hint, which tells the browser to start setting up the connection in advance, so it's ready to go when the resource is actually needed.

How to Fix This Issue

How to Fix It

The Problem

You are loading Google Fonts, but not preconnecting to the Google Fonts server.

The Solution

Add a `<link rel="preconnect">` tag to the <head> for any critical third-party domains.

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>

Why This Works

Preconnecting can save hundreds of milliseconds in connection setup time, which can make a noticeable difference in how fast your page loads, especially for critical resources like fonts and CSS.

SEO Impact

This issue can affect your site's search engine rankings and user experience. Addressing it promptly helps ensure optimal performance and visibility in search results.

Automatic Detection

Black SEO Analyzer automatically checks for this warning during site analysis, along with hundreds of other technical SEO issues.

Ready to Unlock Your Site's Full SEO Potential?

Choose the license that fits your needs and start getting the deep, actionable insights you deserve.