Seoxpert.io
Get started
mediumPerformance

External Resource Origins Without Preconnect Hints

External resources are loaded without preconnect or dns-prefetch hints, causing additional latency for critical scripts and stylesheets.

By Seoxpert Editorial · Published · Updated

Why it matters

Without preconnect hints, browsers delay loading external resources due to extra DNS and connection setup steps. This increases page load times and can negatively affect Core Web Vitals metrics like Largest Contentful Paint (LCP), impacting both user experience and SEO rankings.

Impact

Leaving this unresolved can slow down critical resource loading, harming page speed and SEO performance.

How it's detected

Automated crawlers scan for external scripts or stylesheets and check if corresponding <link rel="preconnect"> or <link rel="dns-prefetch"> tags exist in the <head>.

Common causes

  • •Omitting resource hints when adding new external scripts or stylesheets
  • •Relying on third-party plugins or CDNs without updating the <head>
  • •Not prioritizing resource loading order for performance
  • •Lack of awareness about preconnect and dns-prefetch benefits

How to fix it

Identify all critical external origins used for scripts, stylesheets, or fonts. Add a <link rel="preconnect" href="https://external-origin.com"> tag in the <head> for each. For less critical resources, use <link rel="dns-prefetch">. This helps browsers start connection setup earlier, reducing latency.

Code examples

Problem: No preconnect for external CDN

<!-- Loads stylesheet from external CDN, but no preconnect -->
<link rel="stylesheet" href="https://cdn.example.com/styles.css">

Fix: Add preconnect for external CDN

<!-- Preconnect hint added for external CDN -->
<link rel="preconnect" href="https://cdn.example.com">
<link rel="stylesheet" href="https://cdn.example.com/styles.css">

FAQ

Do I need a preconnect hint for every external resource?

Add preconnect hints for critical origins that affect above-the-fold content or LCP. Use dns-prefetch for less critical resources.

Can preconnect improve Core Web Vitals scores?

Yes, preconnect can reduce connection setup time, improving metrics like LCP and TTFB.

Is dns-prefetch enough for performance?

dns-prefetch only resolves DNS. Preconnect also establishes TCP and TLS, offering greater performance benefits for critical resources.

Where should I place preconnect hints in my HTML?

Place <link rel="preconnect"> tags as early as possible in the <head> section.

Found this issue on your site?

Run a scan to see if External Resource Origins Without Preconnect Hints affects your pages.

Scan my website →