Preconnect

Preconnect helps your store load external resources faster, improving page speed and user experience.

Who can use this feature? This feature is available on the Enterprise plan.

What is Preconnect?

Preconnect is a speed optimization feature that allows the browser to establish early network connections to external domains — such as CDNs, fonts, APIs, or image servers — before they are actually needed. By setting up these connections in advance, the browser skips DNS lookups, TLS handshakes, and TCP connections during the actual page load, resulting in a smoother experience for your customers.

Why Preconnect?

Preconnect improves your store performance by:

• Reducing loading time for third-party resources

• Improving Time to First Byte (TTFB) and First Contentful Paint (FCP)

• Creating faster, more responsive pages — especially on mobile

• Enhancing overall Core Web Vitals

🎮 Try it in action

First, let's have an intereactive demo to see how it works:

⚙️ How to Set Up Preconnect

1. Go to Speed Up > Custom > Settings

2. Turn on Preconnect

3. Go back to Speed Up Now, select the theme you want to optimize, and click to apply changes

4. To verify:

   • Search for the file avada-seo-preconnect.liquid in your theme code

   • View your storefront → right-click > View Page Source → check for <link rel="preconnect"> tags