🆚 Lazy loading vs. Preconnect

Type

Performance optimization technology
Performance optimization technology

About

Native lazy loading is a technique to load non-critical images and iframes marked with the loading="lazy" attribute only when needed.

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.

Headquarters

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

Website

Categories

Performance Optimization › Rank #1
Performance Optimization › Rank #3
Standards › Rank #8

Popularity

Determined by the number of sites using each technology.

Lazy loading performance optimization technology is 1.4 times more popular than Preconnect.
Total websites

Market share

Performance Optimization

Popularity by country

Determined by the number of sites detected from each country.

Lazy loading is more popular in the United States, the United Kingdom, and Germany, while Preconnect is more popular in Thailand, Korea, and Cyprus.
United States
United Kingdom
Germany
France
Japan
Spain
Netherlands
Italy
Australia
India

Awards

Popularity by domain category

Determined by the number of sites in each category.

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

Top sites

Top-ranked sites that use these technologies.

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

See also

🗃️ About This Data