Use code PERFMATTERS for an additional 10% off!

How to Implement Preconnect in WordPress

Preconnect allows the browser to set up early connections before an HTTP request, eliminating round-trip latency and saving time for users.

“Preconnect is an important tool in your optimization toolbox… it can eliminate many costly roundtrips from your request path – in some cases reducing the request latency by hundreds and even thousands of milliseconds. – lya Grigorik“

A few examples of things you might want to utilize this for include your CDN URL or Google Fonts.

 <link rel="preconnect" href="https://cdn.domain.com">
 <link rel="preconnect" href="https://fonts.gstatic.com">

Here are some additional resources to read up more in-depth about preconnect and how it can help your WordPress site:

Enable Preconnect in WordPress

Preconnect is supported by most modern browsers, with the exception of Internet Explorer, Safari, IOS Safari, and Opera Mini.

You can easily implement preconnect by clicking on the “Extras” tab in the Perfmatters plugin and adding domains, one per line. Format: scheme://domain.tld (one per line)

Enable preconnect in WordPress
Enable preconnect in WordPress

Was this article helpful?

Related Articles