🆚 Preconnect vs. Prefetch

Type

Performance optimization technology
Performance optimization technology

About

The rel="preconnect" attribute on HTML <link> elements instructs browsers to establish early connections to external origins before resources are requested.

It is used to reduce latency by opening DNS lookup, TCP handshake, and TLS negotiation in advance for critical third-party domains such as CDNs, font providers, and analytics services.

The rel="prefetch" attribute on HTML <link> elements tells the browser to download resources that are likely to be needed for future navigation when the current page is idle.

It allows caching resources in advance with low priority and is commonly used for next-page documents, scripts, styles, or assets in multi-step flows.

Headquarters

Cambridge, Massachusetts, United States
Cambridge, Massachusetts, United States

Website

Categories

Performance Optimization › Rank #3
Performance Optimization › Rank #7
Standards › Rank #8
Standards › Rank #17

Popularity

Determined by the number of sites using each technology.

Preconnect performance optimization technology is 18 times more popular than Prefetch.
Total websites

Market share

Performance Optimization
Standards

Popularity by country

Determined by the number of sites detected from each country.

Preconnect is more popular than Prefetch in all countries.
United States
United Kingdom
France
Germany
Japan
Netherlands
Spain
Australia
India
Italy

Awards

Popularity by domain category

Determined by the number of sites in each category.

Preconnect is more popular among sites focused on business, online shopping, and marketing and merchandising, while Prefetch is more commonly used on fashion and beauty, and travel sites.
Business
Online Shopping
Marketing/Merchandising
Blogs/Wiki
Internet Services
Education/Reference
Entertainment
Health
General News
Sports

Top sites

Top-ranked sites that use these technologies.

Name
Rank
#12
View more ➝
Name
Rank
#199
View more ➝

See also

🗃️ About This Data