PERFORMANCE · SEO GLOSSARY
Preconnect (SEO)
The `<link rel="preconnect">` resource hint that instructs the browser to establish a TCP+TLS connection to a specified origin in advance of it being needed — reducing latency for third-party resources (fonts, CDN assets, analytics) that would otherwise wait for connection establishment when first requested.
Definition
Preconnect is a browser resource hint that tells the browser to establish a complete connection (DNS lookup, TCP handshake, and TLS negotiation) to a specified origin before any resources from that origin are explicitly requested by the page. This pre-established connection significantly reduces the time to first byte for subsequent resource requests from that origin. Preconnect is most valuable for: (1) **Google Fonts** (`<link rel="preconnect" href="https://fonts.googleapis.com">` and `<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>`) — Google Fonts requires connections to two origins; preconnecting both reduces the time to load the CSS and then the font files. (2) **Critical CDN origins** — if the LCP image is served from a CDN origin different from the main document origin, preconnecting to the CDN reduces LCP. (3) **Critical analytics or conversion tracking scripts** — for third-party scripts that must be loaded before rendering, preconnect reduces their initialisation latency. Preconnect vs dns-prefetch: preconnect performs the full connection establishment (higher cost, higher benefit); dns-prefetch only does the DNS lookup (lower cost, lower benefit). Use preconnect for critical-path origins and dns-prefetch for secondary origins that are important but not render-blocking. Overuse of preconnect: preconnecting to many origins consumes browser connection slots and network bandwidth. Limit preconnect to 2–4 truly critical third-party origins that are needed early in the page render. For all other third-party origins, use dns-prefetch. Implementation: place preconnect hints in the `<head>`, as early as possible (before any render-blocking resources).
Why it matters for SEO
Preconnect is one of the simplest and highest-ROI performance optimisations for pages that depend on third-party resources (fonts, CDNs, analytics). For pages where LCP is determined by a CDN-served image or where Google Fonts contributes to render delay, adding preconnect hints to the relevant origins can reduce CrUX LCP times by 100–400ms with a single line of HTML. This is a low-implementation-cost optimisation with directly measurable CrUX impact.
How DeepSEOAnalysis checks this
DeepSEOAnalysis audits `<link rel="preconnect">` usage: checking for preconnect hints on Google Fonts origins (if Google Fonts are used), checking for preconnect on the CDN serving the LCP image (if identified), and identifying missing preconnect opportunities for critical third-party origins. CrUX LCP data reflects the real-world impact of current preconnect configuration.
GLOSSARY
Related terms
performance
Resource Hints
HTML link elements that instruct browsers to prefetch, preconnect, preload, or prerender resources — used to improve page loading performance by initiating connections and resource downloads earlier than they would otherwise begin, reducing the impact of network latency on LCP and other Core Web Vitals.
Read definition →performance
DNS Prefetch (SEO)
The `<link rel="dns-prefetch">` resource hint that instructs the browser to perform DNS resolution for a specified origin in advance — reducing the DNS lookup latency for third-party origins that aren\'t critical enough to warrant a full preconnect but still contribute to page load time.
Read definition →performance
LCP Image
The image element identified by Chrome as the Largest Contentful Paint (LCP) candidate on a page — the largest visible image in the initial viewport that determines the LCP timing score, typically the hero image, product thumbnail, or featured photo at the top of the page.
Read definition →performance
Render-Blocking Resources (SEO)
CSS stylesheets and JavaScript files that block the browser from rendering page content until they are downloaded and processed — a primary cause of poor LCP and FCP (First Contentful Paint) scores, requiring deferral, async loading, or inline critical CSS strategies to resolve.
Read definition →performance
font-display (SEO)
The CSS `font-display` descriptor that controls how a browser handles text rendering while a web font is loading — affecting both the Cumulative Layout Shift (CLS) metric (from font swap reflow) and the First Contentful Paint (FCP) timing (from invisible text during font loading).
Read definition →See how your site scores on Preconnect (SEO).
The free DeepSEOAnalysis audit checks preconnect (seo) and 100+ other signals. Full report, no signup.
Run a free audit →